第一步:找到根目录下面的vue.config.js
找到before: require(’./mock/mock-server.js’) 并且注释掉,
加上以下代码
proxy: {
[process.env.VUE_APP_BASE_API]: {
target: 'http://192.168.1.200:8081',
// target: 'http://192.168.1.119:8081',
// target: 'http://192.168.1.253:8081',
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
}
}
},
第二步:找到根目录下面的.env.development文件,修改如下
# just a flag
ENV = 'development'
# base api /dev-api
VUE_APP_BASE_API = ''
第三步:找到src/views/login/index,主要是看handleLogin();
里面具体操作这里就不详细说明了,相信有vue基础的朋友都能看懂,这是我自己修改后的代码
第四步:找到src/api/user.js
export function login(data) {
return request({
url: '/getLogin', // 改成登录接口地址,通过登录拿到token信息
method: 'post',
data
})
}
再找到src/store/modules/user,修改如下:
第五步:找到src/utils/request.js 需要修改两个地址
改成和后端对应的token:
修改code码:
然后重启项目,
以上就完成了整个登录的基本流程,
只是记录一下自己的开发过程,不喜勿碰,谢谢!