关于Chrome浏览器使用ajax访问本地文件报 Cross origin requests are only supported for HTTP

最新推荐文章于 2024-08-12 14:08:52 发布

原创最新推荐文章于 2024-08-12 14:08:52 发布 · 569 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在VSCode中通过安装Debugger for Chrome插件和配置launch.json来解决跨域问题，实现本地服务器上的JavaScript代码调试，包括安装Live Server插件以启动本地服务器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刚刚开始学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