一、基本步驟
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