如何在Vue中修复GET请求的401 (未授权)错误

import axios from 'axios';

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

// 请求拦截器
instance.interceptors.request.use(
  (config) => {
    // 在请求头中添加授权信息
    config.headers.Authorization = 'Bearer your_token_here';
    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

// 响应拦截器
instance.interceptors.response.use(
  (response) => {
    return response;
  },
  (error) => {
    if (error.response.status === 401) {
      // 处理401错误，例如重新获取授权信息或跳转到登录页面
      // your code here
    }
    return Promise.reject(error);
  }
);

// 发送GET请求
instance.get('/api/data')
  .then((response) => {
    // 处理响应数据
    console.log(response.data);
  })
  .catch((error) => {
    // 处理错误
    console.error(error);
  });