vue-element-admin 去掉mock数据，用后台接口登录

---

前言

记录一下去掉mock数据，用自己接口登录

---

需要修改的文件

1、/src/main.js

代码如下：

注释掉

// if (process.env.NODE_ENV === 'production') {
//   const { mockXHR } = require('../mock')
//   mockXHR()
// }

2、.env.development

代码如下：

修改为需要请求的地址（此处IP为后端IP）

---

3、vue.config.js

代码如下：

 devServer: {
    port: port,
    open: true,
    proxy: {
      '/msd': {
        target: 'http://192.168.0.106:8763', // 后台接口域名
        changeOrigin: true // 是否跨域
      }
    },
    overlay: {
      warnings: true,
      errors: true
    }
    // after: require('./mock/mock-server.js')
  },

配置代理地址，注释掉after这一行

---

4、src/api/user.js

 export function login(data) {
  return request({
    url: '/admin/login',
    method: 'post',
    data
  })
}

URL修改为后端接口

---

5、src/store/modules/user.js

根据接口的参数和返回结果，修改vuex中的login和getinfo的参数

配置代理地址，注释掉after这一行

---

6、src/utils/request.js

此处的code要和后端的code对应，模板原本的mock数据为2000，后端接口的默认为200，不修改就请求不到接口数据，同理错误码也需和后端接口的错误码对应

---