一、基本步骤
1.修改根目录文件vue.config.js
devServer: {
proxy: {
'/IO': {
target: 'http://localhost:8081'//后台地址
changeOrigin: true,
pathRewrite: {
'^/IO': '/'
}
}
}
}
2.修改src\config\index.js文件，修改DEV为当前前端网站的地址http://localhost:8080/
baseUrl: {
dev: 'http://localhost:8080/',
pro: 'https://produce.com'
}
3.到上一步以及基本解决跨域访问，接线来在相应的
axios函数中修改、增加访问地址和传递参数，以登录为例，在src\api\user.js中修改如下
export const login = ({ userName, password }) => {
const data = {
userName,
password
}
return axios.request({
url: '/IO/loginPost',//具体后台地址
data: Qs.stringify(data),//序列化的数据
method: 'post'
})
}
二、遇到问题
1.iview-admin使用mock模拟后台，设置完毕之后需要关闭，修改文件main.js
注释下面行或者NODE_ENV !=='当前设置环境'：
if (process.env.NODE_ENV !== 'development') require('@/mock')
三、用户登录逻辑
@/view/login/login.vue：handleSubmit——>@/store/module/user.js：handleLogin —>@/api/user.js:login->@/view/login/login.vue：handleSubmit中then
参考：https://blog.csdn.net/httguangtt/article/details/88575996