javascript - 如何修复 CORS 错误以提供虚假开发数据

标签 javascript d3.js cors

有什么办法可以解决我遇到的 CORS 错误吗?

我正在写一门关于 d3 的类(class)。我希望学生能够将 JSON、CSV 和其他数据加载到他们的网页上。他们被指示通过右键单击并选择“打开方式”>“浏览器”(即无服务器)在本地打开 html 页面。当我在 github 上将数据作为要点加载并尝试加载时,出现 CORS 错误。当我将文件本地存储在与网页相同的文件夹中并以这种方式提供服务时,我也会收到错误。后一个让我感到惊讶,因为网页和数据来自同一位置。

这是为学生提供的虚假数据,仅用于发展目的。有什么方法可以更改 github 上的开发文件设置,或者有什么方法可以在本地执行此操作?

谢谢 艾玛

最佳答案

The latter one surprises me as the webpage and the data are coming from the same location.

对于大多数电子邮件客户端来说,作为附件附加到电子邮件中的 HTML 文档,然后在电子邮件客户端中双击,就会从硬盘中打开该文档。这与硬盘上的每个文件位于同一位置。让JS在任何下载的HTML文档中随意读取数据是非常危险的。

Is there any way to change settings on github for dev files

没有

is there some way of doing this locally?

让他们安装 HTTP 服务器并在那里提供 HTML 和您的数据文件。

<小时/>

您还可以投资一些廉价的托管服务(AWS S3 实例对于您可能获得的使用级别是免费的),并在配置了 CORS 的情况下托管您的文件。

关于javascript - 如何修复 CORS 错误以提供虚假开发数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55491385/

相关文章:

javascript - VS Code 中的项目范围的 Intellisense?

javascript - 带有 javascript 的 HTML 未在 android webview 中加载

javascript - 如何让 <div> 垂直居中?

javascript - d3/dc.js - 如何创建堆叠条形图,同时告诉 crossfilter 将数组中的元素视为单独的记录?

javascript - 为什么 'this' 变量不是预期值?

javascript - 使用 npm 安装的 d3 库不加载 json 文件

python - 启用 CORS Google Cloud Function (Python)

javascript - 加载商店数据以动态构建表单 Sencha Touch2

javascript - 从自己的域获取 api 时发生 CORS 错误

flask - 由于不允许的预检 header ,Vue.js 前端与 Flask 后端交互出现 CORS 问题