vue-element-admin登入流程修改
阿新 • • 發佈:2021-11-08
廢話不多說,直接開始上步驟.
一、去官網下載https://panjiachen.github.io/vue-element-admin-site/zh/guide/,我下載的是基礎模板.
二、修改vue.config.js檔案
1.找到module.exports下的before: require('./mock/mock-server.js')註釋掉,因為這個引用的是mock下的虛假資料,我們用不到,然後再把根目錄下的mock目錄刪除(需要重新開啟一下,我的node_module會報錯)
2.再在裡面新增代理:程式碼:
proxy: {
[process.env.VUE_APP_BASE_API]: {
target: 'http://hjapi.zhooyoo.com',
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: ''
}
}
}
3.全部截圖如下:
三、在根目錄下找到.env.development檔案,截圖如下:
四、找到根目錄下的src目錄,然後進入store目錄,開啟user.js檔案,修改如截圖所示:
五、找到根目錄下的src目錄,然後進入utils目錄,開啟request.js檔案,修改如截圖所示:
1.
2.
六、修改api介面,找到根目錄下的src目錄,然後進入api目錄,進入user.js檔案,修改如下:
關於跨域問題:request.js裡面註釋 axios.create裡面 baseurl