从 github 文件加载 json

Question

我正在尝试从 github 页面托管的网页中 access/retrieve 一些 json 数据，因此我的所有文件都在我的存储库中。

我正在努力

$.getJSON("https://raw.githubusercontent.com/mydata.json", function(data){
      console.log(data);
}

来自我的 html 页 github 页，因为这是我现在知道如何访问 json 数据的唯一方法。但是，json 内容在域 https://raw.githubusercontent.com 上，而我的页面来自域 http://mygithub.github.io，所以我收到 'Access-Control-Allow-Origin' 错误，即使数据全部至少托管在同一个地方？

关于如何解决或绕过它的任何想法？我一直在查找一些 CORS 的东西，但并不完全理解它，也不了解如何在 github.

上更改与之相关的任何内容

谢谢！

Answer 1

尝试添加 ?callback=?强制它使用 jsonp:

$.getJSON("https://raw.githubusercontent.com/mydata.json?callback=?", function(data){
      console.log(data);
});

它似乎得到了响应，但在这种情况下，它是一个 400 错误请求，所以我无法确认它是否成功。

Answer 2

你为什么不直接打电话给 http://mygithub.github.io/mydata.json 呢？

githubusercontent.com 很慢并且 return 不是 json text-plain 的正确 MIME 类型而不是 application/json.

Answer 3

我找到了一个简单的解决方案。如果您将此添加到您的 URL，它会起作用： https://cors-anywhere.herokuapp.com/

示例： https://cors-anywhere.herokuapp.com/https://raw.githubusercontent.com/mydata.json

从 github 文件加载 json

Load json from github file

git

jquery

json

github-pages