移除登录

简介

本节讲解如何在 vue3-element-admin 中移除登录限制。在一些场景下，如数据大屏或简单内容展示，登录功能可能是多余的。本节将详细介绍如何移除强制登录的逻辑。

1. 前提条件

移除登录通常与静态路由相关，如果仍然依赖动态路由，移除登录就没有意义。因此，建议先移除动态路由，具体参考：移除动态路由。

2. 修改路由守卫

在 src/plugins/permission.ts 中，修改 router.beforeEach，移除登录校验，完整代码如下：

// src/plugins/permission.ts
import NProgress from "@/utils/nprogress";
import router from "@/router";
import { usePermissionStore } from "@/store";

export function setupPermission() {
  // 前置守卫
  router.beforeEach(async (to, from, next) => {
    NProgress.start();
    // 生成路由菜单
    usePermissionStore().generateRoutes();
    if (to.matched.length === 0) {
      next("/404"); // 路由未匹配，跳转404
    } else {
      next();
    }
  });

  // 后置守卫
  router.afterEach(() => {
    NProgress.done();
  });
}

3. 测试免登录

完成上述修改后，首页可直接访问，不再强制跳转到登录页。但请确保后端接口允许未登录访问。