控制台错误与vue-auth和axios："Uncaught (in promise)错误:请求失败，状态代码为401“

import axios from 'axios';

// 假设你有一个函数来获取存储的令牌
const token = getAuthToken();

const instance = axios.create({
  baseURL: 'https://api.example.com',
  headers: {
    'Authorization': `Bearer ${token}`
  }
});

instance.get('/protected-endpoint')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('Request failed with status code', error.response.status);
  });

import axios from 'axios';
import { refreshToken, redirectToLogin } from './authService';

const instance = axios.create({
  baseURL: 'https://api.example.com'
});

instance.interceptors.response.use(
  response => response,
  async error => {
    if (error.response.status === 401) {
      // 尝试刷新令牌
      try {
        const newToken = await refreshToken();
        error.config.headers['Authorization'] = `Bearer ${newToken}`;
        return axios(error.config);
      } catch (refreshError) {
        // 刷新令牌失败，重定向到登录页面
        redirectToLogin();
      }
    }
    return Promise.reject(error);
  }
);

import Vue from 'vue';
import VueAuth from '@websanova/vue-auth';
import axios from 'axios';
import VueAxios from 'vue-axios';
import auth from '@websanova/vue-auth/drivers/auth/bearer.js';
import http from '@websanova/vue-auth/drivers/http/axios.1.x.js';
import router from '@websanova/vue-auth/drivers/router/vue-router.2.x.js';

Vue.use(VueAxios, axios);
Vue.use(VueAuth, {
  auth: auth,
  http: http,
  router: router,
  tokenDefaultName: 'auth_token',
  tokenStore: ['localStorage'],
  rolesVar: 'role',
  loginData: { url: 'auth/login', method: 'POST', redirect: '/', fetchUser: false },
  fetchData: { url: 'auth/user', method: 'GET', enabled: true },
  refreshData: { url: 'auth/refresh', method: 'GET', enabled: true, interval: 30 }
});