react hooks怎么将token添加到请求头
时间: 2024-06-10 07:06:26 浏览: 69
vue 导出文件,携带请求头token操作
可以使用axios库发送请求,使用axios的拦截器interceptors,在发送请求之前设置请求头信息。具体的代码实现如下:
```
import axios from 'axios';
const api = axios.create({
baseURL: 'https://your-api-domain.com',
});
api.interceptors.request.use((config) => {
const token = 'your-access-token';
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
}, (error) => {
return Promise.reject(error);
});
export default api;
```
在上述代码中,首先创建了一个axios实例,并设置了请求的基础地址。通过调用api实例的interceptors属性的request.use方法来设置请求拦截器,当发送请求之前,通过获取token并设置到请求头Authorization属性中,来实现在请求中添加token信息。
阅读全文