如何用Axios更改“Sec-Fetch-Dest”、“Sec-Fetch-Mode”、“Sec-Fetch-Site”和“Sec-Fetch-User”值？
如何用Axios更改“Sec-Fetch-Dest”、“Sec-Fetch-Mode”、“Sec-Fetch-Site”和“Sec-Fetch-User”值？
提问于 2022-02-26 13:26:21
我试图通过vue中的axios实例发送请求，我不知道如何为'Sec-Fetch-Dest‘、’Sec-获取-模式‘、'Sec-Fetch-Site’和'Sec-Fetch-User‘设置一个特定的值。
axios文档中没有关于这些头的信息，而且它们似乎是不可编辑的。
我尝试自定义和编辑默认的config.headers值(例如，用'none'来替换'Sec-Fetch-Site'头)，但是它一直在发送默认值。
下面是我在vue中的请求代码示例：
axios.get('http://localhost:4433/some-endpoint/', {
withCredentials: true, // if I set this to false nothing changes
headers: {
'Sec-Fetch-Dest': 'document',
'Sec-Fetch-Mode': "navigate",
'Sec-Fetch-Site': 'none',
'Sec-Fetch-User': '?1'
}
})
.then(res => {console.log('response', res)})
.catch(err => {console.log('error', err)})但是发送请求的头一点也不改变：
谢谢！)
回答 3
Stack Overflow用户
回答已采纳
发布于 2022-07-21 12:15:44
不幸的是，这些是安全的头，它们不能被JS覆盖。
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Sec-Fetch-Dest
Stack Overflow用户
发布于 2022-09-11 15:40:44
我知道一种改变证交会的方式--取货模式。试试下面的方法
“‘Sec获取模式”：“导航”，
->
fetch(..., {
mode: 'no-cors',
})结果=> Sec-Fetch-Mode: no-cors
Stack Overflow用户
发布于 2022-10-12 22:19:24
对于任何认为‘’可以神奇地解决他们的问题的人来说，IT不能。
即使您能够执行请求，并且能够在浏览器developer控制台中清楚地看到响应，但是您仍然无法通过诸如blob()或text()之类的常规获取方法来访问它。
您可以找到一个更详细的解释这里
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71277052
复制相关文章
相似问题
腾讯云开发者
