Fatal编程技术网
  • javascript/
  • Javascript 使用fetch修复CORS问题

Javascript 使用fetch修复CORS问题

javascript cors

Javascript 使用fetch修复CORS问题,javascript,cors,fetch,Javascript,Cors,Fetch,我被CORS问题困扰了一段时间。我已经检查了大量的文档，但仍然无法解决这个问题，我不确定我遗漏了什么。 我认为这是一个经典的抓取： fetch（'http://192.168.1.1/osc/commands/execute', { 方法：'POST'， 标题：{ “内容类型”：“应用程序/json”， “访问控制允许来源”：“*”， “X-request-With'：“xmlhttprequest” }, 模式：'cors'， 正文：JSON.stringify({ 名称：“camera.st

我被CORS问题困扰了一段时间。我已经检查了大量的文档，但仍然无法解决这个问题，我不确定我遗漏了什么。 我认为这是一个经典的抓取： 
fetch（'http://192.168.1.1/osc/commands/execute', {
方法：'POST'，
标题：{
“内容类型”：“应用程序/json”，
“访问控制允许来源”：“*”，
“X-request-With'：“xmlhttprequest”
},
模式：'cors'，
正文：JSON.stringify({
名称：“camera.startSession”，
参数：{}
})
})
.then（response=>response.json（））
.then（console.log）

}
响应头中的“*”
而不是请求头中的“*”将解决问题。由于它需要位于响应头中，因此需要服务器端修改。
是否允许从服务器端进行修改？我无法访问此服务器，但当我在Chrome上使用Talend API tester时，它应该处于工作状态。服务器上不允许使用CORS。当服务器不允许CORS时，您仍然可以在没有来源的情况下从本地主机调用其api。例如，如果您使用html文件并使用浏览器打开该文件以调用方法，则该文件将起作用，但如果您在web服务器上上载相同的文件，然后打开并调用该文件，则会出现相同的源错误。所以可能CORS是不允许的。