廢話不多說,直接開始上步驟.

　　一、去官網下載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