axios.defaults.headers.common['Authorization'] = 'Bearer ' + localStorage.getItem('token')

这行代码主要是设置 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. 在登录成功后，后端返回一个 token 给前端。

2. 前端将该 token 存储在本地，可以使用 localStorage 或者 cookie 等方式存储。

3. 在发送请求时，将 token 添加到请求头中，代码示例如下：

import axios from 'axios';

// 在请求头中添加 token
axios.defaults.headers.common['Authorization'] = `Bearer ${localStorage.getItem('token')}`;

// 发送请求
axios.get('/api/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

在以上代码中，我们使用了 axios 的默认配置来添加 token 到请求头中。我们通过 `localStorage.getItem('token')` 来获取存储在本地的 token，然后将其作为 Authorization 的值添加到请求头中。

需要注意的是，不同的后端可能会有不同的 token 格式和传递方式，具体需要根据后端接口文档进行调整。