使用Axios拦截器停止请求并检查令牌过期

import axios from 'axios';

const instance = axios.create();

// 请求拦截器
instance.interceptors.request.use(
  config => {
    // 在发送请求之前，可以在这里对请求进行处理
    // 检查令牌是否过期
    const token = localStorage.getItem('token');
    if (token) {
      // 令牌未过期，将令牌添加到请求头中
      config.headers.Authorization = `Bearer ${token}`;
    } else {
      // 令牌已过期，停止请求并进行相应处理
      throw new Error('Token expired');
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

// 响应拦截器
instance.interceptors.response.use(
  response => {
    // 在接收到响应数据之前，可以在这里对响应进行处理
    return response;
  },
  error => {
    // 对响应错误进行处理
    if (error.response.status === 401) {
      // 令牌过期，进行相应处理
      // 比如跳转到登录页面
      window.location.href = '/login';
    }
    return Promise.reject(error);
  }
);

export default instance;

import axiosInstance from './axiosInstance';

axiosInstance.get('/api/data')
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理请求错误
  });