CORS策略已阻止从“null”访问“http：//github/..file.json”的XMLHttpRequest：
function fetchJSONFile(path, callback) {
var httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = function() {
if (httpRequest.readyState === 4) {
if (httpRequest.status === 200) {
var data = JSON.parse(httpRequest.responseText);
if (callback) callback(data);
}
}
};
httpRequest.open('GET', path);
httpRequest.send();
}
let button = document.createElement('button');
button.addEventListener("click", function () {
// this requests the file and executes a callback with the parsed result once it is available
fetchJSONFile('https://github.com/.../file.json', function(data){
// do something with your data
console.log(data);
});
});
button.appendChild(document.createTextNode('JSON parse'));
document.body.appendChild(button); // append in body html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script src="index.js" charset="utf-8"></script>
</body>
</html>
我在没有本地服务器（apache等）的浏览器中打开index.html，然后单击按钮，它返回以下警告
CORS策略阻止了从源“null”访问“https://github.com/.../file.json”得XMLHttpRequest：请求得资源上没有“access-control-allow-origin”标头.
index.js:12跨源读取阻塞(CORB)阻塞的跨源响应https://github.com/.../file.json，具有MIME类型text/html。详见https://www.cromestatus.com/feature/5629709824032768。
通常情况下（在我的工作流程中），我创建了对同一个本地服务器的ajax请求，我混淆了一些这个概念，比如CORS（不知道）
共有1个答案
编辑：
问题似乎在于您试图请求的资源不是原始的json，而是github页面。正在更改url
摘自https://github.com/.../hero.json
function fetchJSONFile(path, callback) {
var httpRequest = new XMLHttpRequest();
httpRequest.onreadystatechange = function() {
if (httpRequest.readyState === 4) {
if (httpRequest.status === 200) {
var data = JSON.parse(httpRequest.responseText);
if (callback) callback(data);
}
}
};
httpRequest.open('GET', path);
httpRequest.send();
}
fetchJSONFile("https://api.github.com/users/github",console.log)-
交叉起源没有发生，被CORS策略阻止。 我使用的是Windows系统。 在文件中： 在文件中： 我在浏览器控制台中遇到此错误： CORS策略阻止了从http://localhost:1111/api/v1/employees/createhttp://localhost:4200对XMLHttpRequest的访问：对预飞行请求的响应没有通过权限改造检查：请求的资源上没有访问控制允许起源标头。<-
-
我有一个。NET核心应用程序，它有一个REST API被一个角客户机使用，但遇到了CORS问题。 但仍在客户端（运行在本地端口4200上）中获取错误： CORS策略阻止从来源“HTTP://localhost:4200”访问位于“HTTP://localhost/myapi/api/table”的XMLHttpRequest：对飞行前请求的响应没有通过访问控制检查：它没有HTTP ok状态。
-
当我尝试在角7网络应用程序中执行补丁请求时，我遇到了一个问题。在我的后端，我有： 在我的前端服务中，我： 错误是： 我能做什么？谢谢
-
CORS策略已阻止CORS从源站对X处XMLHttpRequest的访问：对飞行前请求的响应未通过访问控制检查：它没有HTTP ok状态。 嗨，我正在努力解决我的问题与CORS拒绝我的Vue组件与外部API与axios的交互，因为它返回此错误。我尝试了使用Barryvdh的Cors头支持和制作中间件和自定义路由。这根本行不通。Barryvdh回购中README. md中提到的一切都已经完成，不幸的
-
请求标头如下所示： 临时头显示为access-control-request-headers：content-type access-control-request-method：POST origin:http://localhost:4200 referer:http://localhost:4200/login user-agent:mozilla/5.0（Macintosh；Intel M