vue中，401页面——您没有权限访问当前页面，直接跳转登录页

在Vue应用中，你可以使用全局路由守卫来检查用户的身份验证状态，并在检测到401错误时将用户重定向到登录页面。以下是一个简单的示例：

// main.js 或 router.js
 
// 引入 router 实例
import router from './router';
 
// 假设你有一个函数来检查用户是否已经登录
function isUserAuthenticated() {
  // 这里应该是你的身份验证逻辑，比如检查 token 或 cookie
  return localStorage.getItem('userToken') !== null;
}
 
// 添加路由守卫
router.beforeEach((to, from, next) => {
  // 如果用户已经登录，正常导航
  if (isUserAuthenticated()) {
    next();
  } else {
    // 如果用户未登录，并且访问的不是登录页面，则重定向到登录页
    if (to.path !== '/login') {
      next('/login');
    } else {
      next(); // 如果是登录页面，正常导航
    }
  }
});

确保你的登录页面已经正确设置在路由配置中，以便于路由守卫可以正确地重定向到它。

// router/index.js
 
const routes = [
  // ... 其他路由
  {
    path: '/login',
    name: 'Login',
    component: Login
  }
];

这段代码会在每次路由跳转前触发，如果检测到401错误，并且当前页面不是登录页面，它会自动将用户重定向到登录页面。