vue 解決項目接口跨域,線上域名與本地開發域名不一樣的問題


在本地開發的時候,調用接口,出現跨域的問題,后台也能給解決,但是可以在vue項目里面的

config文件夾里面的index.js里進行配置,本地訪問無壓力

 

 

 

 

如果是以api開頭的請求,會轉到定義的地址上來。調用的時候直接'api'+'接口名'

但是在生產環境下,域名也都變了,我們還要手動配置或更改這些地址比較麻煩,可以前端這邊簡單配置,就可以自動獲取當前域名,給替換掉

 

具體配置
在項目中找到以下兩個文件:

config/dev.env.js  和  config/prod.env.js

在config/dev.env.js文件中加入一行代碼:BASE_API: '"//ku.bbtyun.com"'

 

 


       

在config/prod.env.js文件中加入一行代碼: BASE_API: '"//ku.bbtyun.com"'

 

 


       

在src/main.js文件中配置全局變量(掛在vue原型上)
    process.env是一個全局變量,能夠判斷當前環境。

    

 

 

使用

 

 BASE_URL       ku_api前面自動加上配置的域名

 


免責聲明!

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



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