vue-element-admin登錄流程修改


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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM