解決本地瀏覽器運行項目時的跨域問題
問題描述
在自己學習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先移動到別的地方,然后就可以進去選擇你需要打開的頁面了。