vue项目里怎么快速mock接口

vue项目是使用npm run serve打开的时候，会自动分配一个端口，比如http://localhost:8080/。但有时候，希望在同样接口的下，模拟服务器请求，比如http://localhost:8080/api/list

项目根目录，新建文件.env.mock里面写上NODE_ENV = 'mock'
package.json 那边增加一行快捷命令，"mock": "vue-cli-service serve --mode mock",
vue.config.js那边增加devServer设置，下面有代码
命令行执行npm run mock，此时就可以请求http://localhost:8080/api/list了，而http://localhost:8080仍然是普通页面

module.exports = {
  devServer: {
    before(app) {
      app.get("/api/list", (req, res) => res.json({ state: 1, data: "ok" }));
    }
  }
};

mock-vue1 mock-vue2

json好看是用了插件JSON viewer