加载 JSON 文件时出现“Cross-Origin Request Blocked”错误

Question

我在 javaScript 中有一个实验的在线实现，它必须从 JSON 文件加载任务实现的参数。我找到了一种方法来做到这一点，但它只有在我通过实时服务器运行任务时才有效。如果我通过打开 index.html 文件在本地运行，则会收到以下错误：Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at file:///home/terraregina/Desktop/Space_Adv_Behav_PIlot_Online/config.json. (Reason: CORS request not http).我加载 JSON 文件的代码是：$.ajax({    dataType: "json",    url: "config.json",    success: function(data) {        assignValues(data);   // extract vals from JSON file        main();               // run experiment    }});有什么建议么？谢谢你。

Answer 1

一些现代浏览器（如Chrome ）禁止使用Javascript使用file:方案访问本地文件。相反，您可以使用简单的 Web 服务器来公开它。您可以使用诸如http-server 之类的库来公开您的本地文件。

例子

1. 使用 NodeJS 和 NPM

npm i -g http-server
http-server your_config_folder

1. 使用 PHP（在你的文件夹中运行它）

php -S localhost:8080

1. 使用 Python 3（在你的文件夹中运行它）

python -m http.server 8080

然后config.json从网络浏览器访问文件：

http://localhost:8080/config.json