Question

我已经编写了这个简单的javascript代码，以便在我的github存储库上执行get请求

var url='https://github.com/mypath/AjaxPractice/myFile.json';
myBtn.addEventListener('click', function(){
  let XHR = new XMLHttpRequest();
  XHR.open('GET', url, true)
  XHR.setRequestHeader('Access-Control-Allow-Origin','*');
  XHR.onload = function() {
        if (this.status === 200)  {
            console.log(JSON.parse(this.responseText));
        }
    }
    XHR.send();
});

但是我收到此错误消息：

跨域请求被阻止：“同源策略”不允许读取https://github.com...(Reason处的远程资源：CORS标头“ Access-Control-Allow-Origin”丢失）。

这里缺少什么？

Answer 1

如果由于CORS不允许正确的请求，除了在这里使用诸如CORS-ANYWHERE之类的东西外，您别无选择：https://github.com/Rob--W/cors-anywhere

Answer 2

这是我设法做到的方式：

转到您的github存储库，然后单击设置
向下滚动到显示源的位置，然后将其从无更改为master分支。

注意：我使用的示例不需要XHR.setRequestHeader（'Access-Control-Allow-Origin'，'*'）;

如何在Github存储库中对JSON文件进行AJAX调用

2 个答案: