xhr.js:196 Refused to set unsafe header "Origin" axios请求添加不了Origin
时间: 2024-03-29 18:41:53 浏览: 50
xhr.js:最小的 XmlHttpRequest Javascript 微库
浏览器会阻止设置某些头字段,例如 Origin、Referer 等,以确保安全性。在您的情况下,浏览器阻止设置 Origin 头,因为这被认为是不安全的。
如果您需要设置 Origin 头,可以通过在服务端进行设置来实现。例如,在 Node.js 中,可以使用 `cors` 模块来设置允许的来源,以及允许的头字段。示例代码如下:
```javascript
const cors = require('cors');
const express = require('express');
const app = express();
const corsOptions = {
origin: 'https://example.com', // 允许的来源
optionsSuccessStatus: 200 // 选项请求成功的状态码
};
app.use(cors(corsOptions));
// 在这里添加您的路由和处理程序
```
在客户端发送请求时,不需要设置 Origin 头,浏览器会自动添加。如果您需要设置其他头字段,例如自定义的头字段,可以使用 `headers` 选项来设置。示例代码如下:
```javascript
axios.get('/api/data', {
headers: {
'X-Custom-Header': 'value'
}
})
```
阅读全文