Vue路由器:从axios拦截器路由后的空白页

axios.interceptors.response.use(
  response => response,
  error => {
    if (error.response.status === 401) {
      // 假设401表示未授权，需要跳转到登录页面
      router.push('/login');
    }
    return Promise.reject(error);
  }
);

axios.interceptors.response.use(
  async response => response,
  async error => {
    if (error.response.status === 401) {
      // 假设需要检查用户是否有刷新令牌
      const hasRefreshToken = await checkRefreshToken();
      if (hasRefreshToken) {
        // 刷新令牌有效，尝试刷新访问令牌
        const newAccessToken = await refreshAccessToken();
        // 更新axios的默认headers
        axios.defaults.headers.common['Authorization'] = `Bearer ${newAccessToken}`;
        // 重试原始请求
        return axios(error.config);
      } else {
        // 刷新令牌无效，跳转到登录页面
        router.push('/login');
      }
    }
    return Promise.reject(error);
  }
);

axios.interceptors.response.use(
  response => response,
  error => {
    // 显示错误信息给用户
    showErrorToUser(error.message);
    return Promise.reject(error);
  }
);

// 在组件中
computed: {
  ...mapState(['user'])
},
beforeRouteEnter(to, from, next) {
  if (this.user.isAuthenticated) {
    next();
  } else {
    next('/login');
  }
}