vue-admin-template改掉mock数据

皮皮果妞

于 2019-10-17 10:51:40 发布

阅读量3.4k

点赞数

本文链接：https://blog.youkuaiyun.com/qq_38449448/article/details/102601005

版权

本文介绍了如何在vue-admin-template项目中弃用Mock数据并替换为实际API。基础框架参考了PanJiaChen的vue-admin-template和vue-element-admin。关键步骤包括：修改.env.development和.env.production中的VUE_APP_BASE_API为实际API地址，以及理解接口请求位于src/api目录，路由配置在router文件夹内。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

基础的框架：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: {
      //     [