在本地開發的時候,調用接口,出現跨域的問題,后台也能給解決,但是可以在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前面自動加上配置的域名