如何解决vscode使用ajax获取本地文件报错问题

在使用ajax获取本地文件时,我们有可能会遇到一下情况:

 

控制台显示:Access to XMLHttpRequest at 'file:///E:/ajax-project/express/hello.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, se-extension, https.

这里我们说一下解决办法,首先保证文件路径没有问题,这里我使用了相对路径

 接下来安装相关插件,点击vscode中的扩展,搜索插件live server,注意这里有两个插件,安装不带括号的那一个。

 安装完成后启用该插件,然后在html文件中右键选择open with live server。

 这时启动的浏览器窗口控制台会显示Live reload enabled.

 这时浏览器就可以正常从本地读取文件了。

猜你喜欢

转载自blog.csdn.net/weixin_47040861/article/details/127863979