问题标签 [sec-fetch-mode]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
firebase - Sec-Fetch-Mode 代替 Preflight
我创建了登录 FE 并完成了它。和往常一样,我对 ajax 的 goto 是 Axios。我的代码如下。
现在,当我尝试向我的本地 firebase 云功能发送请求时。我收到 400 错误请求。
检查请求后,我想知道为什么它没有发送任何预检请求,它应该这样做(据我所知),但我看到了一个名为Sec-Fetch-Mode
. 我搜索了任何有点抽象的地方。而且我似乎无法弄清楚为什么我的请求仍然失败。
我的配置中有什么我缺少的axios
吗?
我的FE运行在一个名为live server(http://127.0.0.1:5500)
另外,我的firebase云功能已启用cors
任何见解都会非常有帮助。
google-chrome - Sec-Fetch-Mode 和阻塞的 CORS
所以我有同一个网站从不同的网络和计算机向 (1) Chrome 76 和 (2) Chrome 77 上的同一服务器发出相同的请求。
一个请求具有 (1)Sec-Fetch-Mode: no-cors, Sec-Fetch-Site: cross-site
和另一个 (2) Sec-Fetch-Mode: cors, Sec-Fetch-Site: same-site
。一个no-cors
失败,一个 400 到启用 CORS 的 C# Web API 端点(多年和各种设备上的数千个不同用户)。
到底是怎么回事?有人说 Chrome错误没有发送该标头进行飞行前,但它存在并设置为no-cors
.
Chrome 中的安全设置或错误?可修复的服务器端还是前端?
这是由 XMLHttpRequest 发送的,而不是新的 Fetch-API。
blazor-client-side - 如何在 Blazor Webassembly 中使用“Sec-Fetch-Mode: no-cors”请求 http 请求
HttpClient 如何在 Blazor Webassembly 中使用 HTTP 请求标头Sec-Fetch-Mode: no-cors发出请求?
我的实际代码是:
但这会产生以下 HTTP 请求标头:
http - 请求标头中的 Sec-Fetch-Mode、Sec-Fetch-Dest、Sec-Fetch-Site 创建 CORS 问题
在我使用 axios 从我的网站请求的后端端点上,大多数浏览器没有在请求标头上设置“sec-fetch-mode”和“sec-fetch-site”,它们似乎工作正常。
但是,很少有浏览器设置标头sec-fetch-mode:cors
,sec-fetch-dest: empty
和sec-fetch-site:same-site
, 在这种情况下连接关闭并且浏览器控制台显示以下错误。
后端有以下配置:
有没有办法从前端或后端的代码中控制这些标头?