关于axios中的token是如何使用的

在 axios 中使用 token 的常见方式是通过设置请求头的 Authorization 字段来传递 token。以下是一个示例：

1. 登录获取 token：首先，用户需要进行登录操作，并成功获取到 token。通常情况下，登录成功后后端会返回一个包含 token 的响应数据。

2. 设置请求头：在后续的请求中，将 token 添加到请求头中。可以使用 axios 的拦截器（interceptors）来在每个请求发送前进行设置。

import axios from 'axios';

// 创建 axios 实例
const api = axios.create({
  baseURL: 'https://api.example.com',
});

// 添加请求拦截器
api.interceptors.request.use(
  config => {
    // 从本地存储（如 localStorage）中获取 token
    const token = localStorage.getItem('token');
    // 将 token 添加到请求头的 Authorization 字段中
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

export default api;

3. 发送带有 token 的请求：在需要发送请求的地方，使用上述创建的 axios 实例进行请求发送。请求会自动携带请求头中的 Authorization 字段。

import api from './api';

api.get('/user/profile')
  .then(response => {
    // 请求成功，处理响应数据
    console.log(response.data);
  })
  .catch(error => {
    // 请求失败，处理错误信息
    console.error(error);
  });

通过以上步骤，你可以在 axios 中使用 token 进行鉴权。通过拦截器，在每个请求发送前，将 token 添加到请求头的 Authorization 字段中，从而实现对需要鉴权的接口的访问权限控制。在后端接收到请求时，可以通过解析 Authorization 字段来验证 token 的有效性，并进行相应的处理。