axios拦截器设置请求头
时间: 2023-09-21 12:10:20 浏览: 145
axios使用拦截器统一处理所有的http请求的方法.docx
可以使用axios的拦截器来设置请求头。下面是一个示例代码:
```javascript
import axios from 'axios';
// 创建axios实例
const instance = axios.create({
baseURL: 'https://api.example.com', // 设置请求的基础URL
timeout: 5000 // 设置请求超时时间
});
// 请求拦截器
instance.interceptors.request.use(
config => {
// 在发送请求之前可以在这里设置请求头
config.headers['Authorization'] = 'Bearer token'; // 设置Authorization头部
return config;
},
error => {
return Promise.reject(error);
}
);
// 使用axios实例发送请求
instance.get('/api/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
在请求拦截器中,我们可以通过修改config对象来设置请求头信息。在上面的示例中,我们设置了Authorization头部为Bearer token。你可以根据自己的需求进行修改和添加其他的请求头信息。
阅读全文