廢話不多說,直接開始上步驟.
一、去官網下載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