解決本地瀏覽器運行項目時的跨域問題-Access to XMLHttpRequest at"xxx/xxx" from origin 'null' has been blocked by CORS policy


解決本地瀏覽器運行項目時的跨域問題

問題描述

  在自己學習ajax相關內容時,自己仿照課程內容寫了一個本地的請求,但是在瀏覽器上運行后卻提示了跨域問題的bug,如下圖所示,在網上多番查找,終於在該地址(https://blog.csdn.net/qq_41880073/article/details/114641303)下找到了答案

該文章提供了三種辦法,我主要是使用了其中的一種,其余並未驗證就不放在此處了,感興趣的可以點擊上面的鏈接查閱其他兩種方法,在這里我就使用上文的第三種方法來解決問題了。

解決方案

如果你使用的是VsCode編譯器,那么通過一個插件就可以搞定這個問題。這個插件的名稱為Live Server,通過安裝這個插件就可以使用http協議打開file本地文件頁面
首先到插件市場安裝該插件

然后頂部找到終端,選擇新建終端

然后在命令行輸入

注意上圖紅框中的–port=8082是為了用空閑的端口,如果不加這句,默認是8080端口,可能會發生沖突。輸完命令回車會自動打開瀏覽器,然后選擇你需要運行的界面
注意當你點擊html文件夾時,它默認打開的是index.html,如果你想打開別的html頁面,你需要將index.html先移動到別的地方,然后就可以進去選擇你需要打開的頁面了。

 


免責聲明!

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



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