解決本地文件無法跨域訪問的問題

Access to XMLHttpRequest at 'file://.....' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

對於file協議來說,瀏覽器是不支持跨域的。當然有很多方法可以搭建一個本地服務器。如果只是簡單寫一個html文件,不想去配置其他東西。以下方法只適合於vscode

1、安裝debugger for chrome插件

在這裏插入圖片描述

2、創建json文件

在這裏插入圖片描述
在安裝好插件後,點擊側邊欄中的run,在點擊create a launch json file就會在當前目錄下創建文件夾,內部有個json文件。
在這裏插入圖片描述
在這裏插入圖片描述
就可以對url進行配置,比如說你想要展示目錄下的example.html這個文件。
只需更改webRoot選項即可

"webRoot": "${workspaceFolder}/example.html"

3、安裝live-server

全局安裝live-server

npm i live-server -g

4、啓動

在根目錄下執行

live-server

即可

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章