axios.defaults.headers.common['Authorization'] = 'Bearer ' + localStorage.getItem('token')
时间: 2023-06-26 18:03:38 浏览: 61
这行代码主要是设置 axios 的请求头部信息,其中 Authorization 是一个常用的 HTTP 请求头部,用于在向服务器发送请求时传递认证信息,以验证客户端对资源的访问权限。这里的 Bearer 表示将在请求头部中使用 JWT(JSON Web Token)作为认证凭据。
localStorage.getItem('token') 则是从浏览器的本地存储中获取保存的 token 值。通常情况下,当用户登录成功后,服务器会返回一个 token 给客户端,客户端将该 token 存储在浏览器的本地存储中,以便在后续的请求中携带该 token,进行身份验证和授权操作。
相关问题
如何实现在获得token的时候同时全局配置到axios.defaults.headers中呢?
您可以在创建axios实例时设置interceptors,拦截请求并在其中设置请求头,以下是一个示例代码:
```
const axiosInstance = axios.create({
baseURL: 'https://api.example.com',
});
axiosInstance.interceptors.request.use((config) => {
const token = localStorage.getItem('token');
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
}, (error) => {
return Promise.reject(error);
});
export default axiosInstance;
```
在上述代码中,我们创建了一个axios实例axiosInstance,并为该实例设置了一个request拦截器,用于在每个请求中设置Authorization请求头,并将该实例导出以供在整个应用程序中使用。在拦截器中,我们从localStorage中获取token,并将其添加到请求头中。
axios请求拦截头带token
可以通过axios的拦截器来实现在请求头中添加token。具体步骤如下:
1. 在axios中设置默认的请求头,其中Authorization字段的值为Bearer空格token,注意Bearer和token之间需要有一个空格。
```
import axios from 'axios';
axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
```
2. 添加请求拦截器,在请求头中添加Authorization字段,值为Bearer空格token。
```
import axios from 'axios';
axios.interceptors.request.use(
config => {
const token = localStorage.getItem('token');
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
},
error => {
return Promise.reject(error);
}
);
```
这样就可以在每次请求中自动带上token了。