文章目录
前言
记录一下去掉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,不修改就请求不到接口数据,同理错误码也需和后端接口的错误码对应