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

我编写了这个简单的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();
});

但是，我收到以下错误消息：

已阻止跨源请求：同一源策略不允许在以下位置读取远程资源：CORS标头“Access Control Allow Origin”（缺少访问控制允许源）

---

这里缺少什么？

如果因为CORS而不允许正确的请求，您除了使用类似CORS-ANYWHERE的东西之外别无选择：

我就是这样做的：

转到您的github repo并单击设置

向下滚动到显示source的位置，并将其从none更改为master branch

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