mock数据和后端请求接口如何共存

mock数据和后端请求接口如何共存

要开发一个vue项目，直接在以前其他项目的代码上改，项目基础模块包括登录已经完成，所以是带后台的，增加新的模块时想先采用mock来模拟后台数据，所以就要考虑到mock数据和后端接口共存的问题。

然后在网上查到的方法都如下：

具体参考：http://www.bubuko.com/infodetail-3099079.html

在项目根路径下的vue.config.js中配置如下：

devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      // change xxx-api/login => mock/login
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API+‘/user/info‘]: {
        target: `http://localhost:${port}/mock`,
        changeOrigin: true,
        pathRewrite: {
          [‘^‘ + process.env.VUE_APP_BASE_API]: ‘‘
        }
      },
      [process.env.VUE_APP_BASE_API]:{
        target: process.env.VUE_APP_BASE_API,
        changeOrigin: true,
        pathRewrite