解決Vue開發(fā)項(xiàng)目出現(xiàn)axios跨越的問題

一、問題描述:

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin

1、配置vscode開發(fā)前端的環(huán)境:

  • sudo npm install (或cnpm install)
  • sudo npm install -g vue-cli (或sudo npm install -g vue-cli)
  • npm run dev 運(yùn)行vue項(xiàng)目至Chrome瀏覽器

2、然后出現(xiàn)登錄不上,并報(bào)錯:

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin'
顯示Axios請求出現(xiàn)跨越問題,所以報(bào)錯。

二、解決方案:

1、MAC環(huán)境:

open -a "Google Chrome" --args --disable-web-security

open -n /Applications/Google\ Chrome.app/ --args --disable-web-security  --user-data-dir=/Users/zlgweihao/Documents/MyChromeDevUserData 

http://yuankeqiang.lofter.com/post/8de51_13a3de3
https://www.cnblogs.com/mafeng/p/7714765.html

2、Windows環(huán)境:

右鍵桌面Chrome瀏覽器圖標(biāo),選擇打開“屬性”,然后在目標(biāo)后面加上--arg --disable-web-security --user-data-dir即可,如下所示:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --arg --disable-web-security --user-data-dir

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容