刚刚开始学JS,发现有的时候运行别人的例子会报错 Cross origin requests are only supported for HTTP
查了几个解决方案,看到
给浏览器传入启动参数(allow-file-access-from-files),允许跨域访问。
Windows下,运行(CMD+R)或建立快捷方式:
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files
可以解决,但是我自己尝试无果,便转开启本地服务器去解决,以下是方案:
VScode开启本地服务器及本地调试
1、首先在VSCode 上装一个插件:Debugger for Chrome ,如下图所示:在搜索框中输入Debugger for Chrome 然后点击安装
2、配置文件,从左到右依次点击红圈中的按钮,然后出现launch.json文件,在里面添加配置信息
配置信息如下:
{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "使用本机chrom调试",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}",
"file":"${workspaceRoot}/yourname/yourname.html", //这个是在浏览器中要运行的文件的路径,每次运行不同项目的时候需要修改里面的运行路径
}
]
}
之后开启本地服务器
安装live server
完成后会在vs code右下角有一个标志
开启后即可进入到你的本地开启服务器进行调试