npm install

npm run serve

npm run build

npm run lint

PS E:\workspace\study\na-demo> npm i --legacy-peer-deps
npm WARN deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated consolidate@0.15.1: Please upgrade to consolidate v1.0.0+ as it has been modernized with several long-awaited fixes implemented. Maintenance is supported by Forward Email at https://forwardemail.net ; follow/watch https://github.com/ladjs/consolidate for updates and release changelog    
npm WARN deprecated shvl@2.0.3: older versions vulnerable to prototype pollution
npm WARN deprecated vuex-persistedstate@4.1.0: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.
npm WARN deprecated popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1

added 1118 packages, and audited 1119 packages in 1m

163 packages are looking for funding
  run `npm fund` for details

7 moderate severity vulnerabilities

To address all issues possible (including breaking changes), run:
  npm audit fix --force

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.
PS E:\workspace\study\na-demo>

Error: getaddrinfo ENOTFOUND test.abc.com

> npm run serve

 DONE  Compiled successfully in 35477ms                                   14:35:13


  App running at:
  - Local:   https://test.abc.com:443/
  - Network: https://test.abc.com:443/

  Note that the development build is not optimized.
  To create a production build, run pnpm run build.

const Mock = require('mockjs')

module.exports = function generateMocks () {
  return {
    'GET /admin/brand/list': Mock.mock({
      code: 0,
      msg: '@string("lower", 0)',
      'data|1-10': [
        {
          distributorId: '@guid',
          distributorName: '@cword(3,6)',
          region: '@city(true)'
        }
      ]
    })
  }
}

function setupMockServer(app) {
  const mockDir = path.join(__dirname, './mock')

  fs.readdirSync(mockDir).forEach(file => {
    let mocks = require(path.join(mockDir, file))

    function reloadMocks() {
      Object.keys(require.cache).forEach((id) => {
        if (id.includes(path.join(mockDir, file))) {
          delete require.cache[id];
        }
      });
      mocks = require(path.join(mockDir, file));
    }

    chokidar.watch(path.join(mockDir, file)).on('all', (event, filePath) => {
      if (event === 'change' || event === 'add') {
        console.log(`Mock file ${filePath} has been ${event}, reloading mock data...`);
        reloadMocks()
      }
    })

    app.use((req, res, next) => {
      const generateMocks = mocks();
      const mockResponse = generateMocks[`${req.method} ${req.path}`];
      if (mockResponse) {
        res.json(mockResponse);
      } else {
        next();
      }
    });
  })
}

// vue.config.js
    ...
    proxy: isProd || process.env.VUE_APP_MOCK ? {} : {
      '/admin': {
        target: 'http://127.0.0.1:7001', // 联调时改成转发地址
        changeOrigin: true,
        secure: false,
      }
    },
    setupMiddlewares: (middlewares, devServer) => {
      if (!devServer) {
        throw new Error('webpack-dev-server is not defined')
      }
      // 本地开发启用mock
      if (process.env.VUE_APP_MOCK) {
        console.info('本地开发启用 mock 服务...')
        setupMockServer(devServer.app)
      }
      return middlewares
    }