vue-admin-template改掉mock数据

基础的框架 :https://github.com/PanJiaChen/vue-admin-template

全框架:https://github.com/PanJiaChen/vue-element-admin

vue-admin-template 里面有

参阅文档:https://panjiachen.github.io/vue-element-admin-site/guide/essentials/deploy.html

1、不想用mock模拟数据

把vue.config.jsd的文件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://127.0.0.1:${port}/mock`,
      //   changeOrigin: true,
      //   pathRewrite: {
      //     ['^' + process.env.VUE_APP_BASE_API]: ''
      //   }
      // },
      // [process.env.VUE_APP_BASE_API]: {
      //   target: `http://127.0.0.1:${port}/mock`,
      //   changeOrigin: true,
      //   pathRewrite: {
      //     ['^' + process.env.VUE_APP_BASE_API]: ''
      //   }
      // }
    },
    // after: require('./mock/mock-server.js')

2、.env.development里面第五行VUE_APP_BASE_API地址替换掉

3、.env.production的里面第五行VUE_APP_BASE_API地址替换掉

4、接口调用在src的api文件里

5、界面路由在router里

你可能感兴趣的:(vue-admin-template改掉mock数据)