axios自定义headers完整写法
时间: 2024-10-24 15:09:38 浏览: 16
axios是一个流行的JavaScript库,用于浏览器和Node.js环境下的HTTP请求。如果你想要自定义axios的headers(头部信息),可以在发送请求时设置`headers`属性。这是一个完整的示例:
```javascript
import axios from 'axios';
const instance = axios.create(); // 创建axios实例
// 自定义全局headers
instance.defaults.headers.common['Authorization'] = 'Bearer your-token'; // 设置token
instance.defaults.headers.common['Content-Type'] = 'application/json'; // 设置默认内容类型
// 发送GET请求并带自定义headers
instance.get('https://api.example.com/data', {
headers: { // 当前请求的特定headers
Accept: 'application/vnd.api+json',
},
}).then(response => {
console.log(response.data);
}).catch(error => {
console.error(error);
});
// 或者在单次请求中动态添加headers
axios.get('https://api.example.com/data', {
headers: {
'X-Custom-Header': 'custom-value',
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在这个例子中,我们设置了全局的默认headers,也可以在每次请求时覆盖它们。
阅读全文