为什么CORS模式下没有fetch发送源头？
CORS（跨域资源共享）是一种机制，用于在浏览器中实现跨域请求。在CORS模式下，浏览器会自动发送预检请求（OPTIONS请求）来检查服务器是否允许跨域请求。而在实际的跨域请求中，使用fetch发送请求时，并不会在请求头中包含Origin字段，即没有发送源头。
这是因为在CORS模式下，浏览器会自动将当前页面的源（Origin）作为请求的源头，并在预检请求中发送。而在实际的跨域请求中，浏览器会根据服务器返回的响应头中的Access-Control-Allow-Origin字段来判断是否允许该跨域请求。如果服务器返回的响应头中包含了允许的源（Origin），浏览器会将响应返回给前端代码，否则会抛出跨域错误。
在CORS模式下，fetch发送请求时，不需要显式地指定源头，浏览器会自动处理跨域请求的发送和响应。这样设计的目的是为了增强安全性，防止恶意网站伪造请求发送到其他域名。
总结起来，CORS模式下没有fetch发送源头是因为浏览器会自动将当前页面的源作为请求的源头，并在预检请求中发送，而实际的跨域请求中，浏览器会根据服务器返回的响应头中的Access-Control-Allow-Origin字段来判断是否允许该跨域请求。
相关·内容
像其他所有尝试它的人一样，我在让CORS工作时遇到了麻烦。我的代码如下： fetch(url, { cache: 'no-cache', credentials和(“正确地”)请求失败，并返回as CORS Error。 method头也不在那里，但我不知道这是否是问题的一部分。 (令人恼火的是，这似乎可以在Safari上工作。)
浏览 11提问于2021-04-08得票数 0
我尝试过不同的标题组合，现在我拥有的是这样的设置： method: 'GET',':'*'})Access-Control-Request-Headers: access-control-allow-headers,access-control-allow-origin(KHT
浏览 3提问于2018-07-01得票数 1
1回答
如何使用axios下载映像？
、、、、
link.setAttribute('download', siswa.siswa_gambar); link.click();但是，即使我将cors选项设置为"*“，我仍然会得到cors错误。{ methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',};
app.use(cors</
浏览 1提问于2022-08-18得票数 0
回答已采纳
我不能找出为什么XMLHttpRequest可以工作，而使用fetch或axiom不能工作。端点是恒定的。下面是要比较的代码。XMLHttpRequest实际上返回文本，fetch不返回任何内容 r.open('GET', 'http://localhost:1337== 200) { } r.send()
fetch(&#x
浏览 0提问于2017-12-26得票数 0
请求的资源上没有“访问-控制-允许-原产地”标题。因此，“”源是不允许访问的。响应具有HTTP状态代码522。如果不透明响应满足您的需要，请将请求的模式设置为“no- CORS”，以获取禁用CORS的资源。因此，“”源是不允许访问的。响应具有HTTP状态代码522。如果不透明响应满足您的需要，请将请求的模式设置为“no- CORS”，以获取禁用CORS的资源。
浏览 1提问于2017-09-29得票数 0
回答已采纳
为此，我将<link rel="preload" as="fetch" href="/blob.json">添加到页面中。我还有一个JS请求来获取相同的blob。这不起作用，控制台报告：
警告资源blob.json是使用链接预加载预加载的，但没有在几秒钟内从窗口的load事件中使用。请确保它不是白白预装的。AFAICT，这是不正确的，没有组合或交叉来源属性将实际使它工作。使用来自开发人员控制台的copy curl命令，似乎没有链接标记和属性
浏览 2提问于2018-10-03得票数 15
回答已采纳
1回答
我有一个没有Jquery的HTML5页面，它没有任何CORS错误，如下所示<!(png|jpg);base64,/, "")); </script>在包含jquery和JQM之后，我无法获得base64图像数据，因为Jquery的CORS错误消息如下
Cross-origin image load den
浏览 2提问于2013-11-18得票数 1
2回答
我正在尝试用一个持有者密钥做一个GET请求，但是我不明白为什么它不能工作。在Postman中，GET请求工作得很好，但在我的React.js应用程序中却无法实现。我添加了mode: 'no-cors'，因为否则我会出现Failed to fetch错误。token = 'https://website.com'const obj = { mode:
浏览 7提问于2020-04-17得票数 1
回答已采纳
从ReactJS应用程序发送请求： method: 'GET', headers: {
'X-Auth-Token': auth_token' // custom-header
浏览 0提问于2018-08-16得票数 0
请求将其发送到bar，执行，但由于apache服务器没有添加任何CORS头，浏览器称请求失败。目前尚不清楚，谁负责在此遏制答复：
是apache服务器吗？是<em
浏览 0提问于2019-06-27得票数 0
// CORS策略阻止了从源获取的访问:请求的资源上不存在' Access -Control-Allow- origin‘标头//如果不透明满足您的需求，请将请求模式设置为' No - CORS’，以在禁用CORS的情况下获取资源。为什么会发生这种情况，为什么我不能在React中通过按钮点击来调用REST调用？// If an opaque serves your need set the
浏览 0提问于2018-11-09得票数 4
3回答
阿西克斯 user: "Fred",});fetch, { body: JSON.stringify({ user: "Fred", password: "Flintstone" }),
mode: "no-<em
浏览 4提问于2020-10-29得票数 1
回答已采纳
2回答
据我所知，CORS无法以真正确定调用者是的方式确切地保护您。因为调用者可以发送任何他想要的源标头。其次，如果没有指定标头，那么请求也可以工作，也是如此。例如，我使用谷歌Chrome的邮递员扩展，它不发送任何源头。实际上，如果您尝试手动添加一个，它不会通过线路发送。
问题2：如何使CORS我的REST服务更加安全？
浏览 2提问于2013-02-15得票数 8
我可以从localStorage检索JWT令牌并在req.body中发送它，但是由于某些原因，我不能在headers.Authorization中使用fetch()将它发送到服务器。'Accept' : 'application/json' }
method: 'GET',
mode: 'no-corsexport default function* apiCall(pat
浏览 26提问于2017-12-19得票数 8
我正在尝试使用fetch ()从我的网站用javascript向Livy发送POST请求。但是，CORS默认开启，请求失败。在将模式设置为'no-cors‘时，livy服务器发送一个空字符串作为响应(我无法访问该响应)。有没有办法修改livy.conf文件或在livy服务器中启用CORS？
任何帮助都将不胜感激。
浏览 0提问于2018-01-11得票数 1
现在，当我在canvas或基于webGL的代码"has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present下面是我的S3 CORS配置但我还是遇到了同样的问题。我错过了什么？
浏览 0提问于2019-03-26得票数 0
5回答
fetch()不发送标头吗？
、、、、
我从浏览器发送这样的帖子请求： method: 'POST',因此，使用Chrome中的dev工具可以检查X-My-Custom-Header或Authorization标头都不是从浏览器发送的.现在的问题是:为什么？我该怎么解决呢？标头仍然不会发送。
浏览 4提问于2017-08-09得票数 93
回答已采纳
我正在使用另一个带有HttpClient的C#应用程序对其进行测试，请求正在成功发出，但没有设置任何源头。
浏览 2提问于2013-05-18得票数 1
我们正在与Atom Shell (目前称为)合作，将web应用程序包装为桌面应用程序，但由于CORS限制，无法进行跨域ajax调用。我们还尝试了 (以前称为Node-Webkit)，使用它进行跨域ajax调用没有任何问题。Atom Shell (Electron)是否默认限制跨域调用？
浏览 0提问于2015-05-07得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
