解决本地文件无法跨域访问的问题

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

即可