vue-element-admin如何从mock数据过渡到使用后台接口

1. 移除 mock

修改 vue.config.js 文件

-1

  • 1. 首先将 before: require(“./mock/mock-server.js”) 注释掉
  • 2. 添加一下内容
  1.      proxy: {
  2.          // change xxx-api/login => mock/login
  3.          // detail: https://cli.vuejs.org/config/#devserver-proxy
  4.          [process.env.VUE_APP_BASE_API]: {
  5.          target: `http://192.168.81.129:${port}`,
  6.          changeOrigin: true,
  7.          pathRewrite: {
  8.              [“^” + process.env.VUE_APP_BASE_API]: “”
  9.          }
  10.          }
  11.          // “/api”: {
  12.          // target: `http://192.168.81.129:${port}`,
  13.          // changeOrigin: true,
  14.          // pathRewrite: {
  15.          // “^/api”: “”
  16.          // }
  17.          // }
  18.      }

修改 src/main.js 文件

-2

2. 替换 mock 为后台接口请求

修改 src/api/*.js 文件

-3

3. 补全请求,状态参数

改动变量,.env.development 文件

-4

修改 src/utils/request.js 文件

-5

-1

删除 mock 文件夹

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。

标签

发表评论