axios怎么设置请求头
时间: 2024-10-25 08:07:43 浏览: 26
Axios是一个流行的基于Promise的HTTP库,用于浏览器和Node.js中。如果你想要设置请求头,可以在发送请求时通过配置对象传递给axios实例或具体的请求方法。以下是基本的设置方法:
1. 使用`axios.create()`创建一个新的axios实例并配置默认请求头:
```javascript
const instance = axios.create({
headers: {
'Authorization': 'Bearer your_token', // 示例:添加身份验证令牌
'Content-Type': 'application/json', // 设置请求体类型
},
});
```
2. 对于单次请求,可以直接在`axios.get`, `axios.post`, 等方法中设置请求头:
```javascript
axios.get('https://api.example.com/data', {
headers: {
Accept: 'application/json',
'X-Custom-Header': 'value',
},
})
.then(response => console.log(response))
.catch(error => console.error(error));
```
3. 另外,你还可以在全局范围内覆盖所有请求的某个特定头:
```javascript
axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
```
4. 如果你需要在发送异步任务时使用自定义的axios实例,记得在任务中携带该实例:
```javascript
async function fetchData() {
const response = await instance.get('url', { headers: ... });
// ...
}
```
阅读全文