当前位置: 首页 > 知识库问答 >
问题:

请问一下,我想改vue3项目里的登录页的,路由配置怎么改?

计寒
2023-08-02

就是我想以游客的形式访问其他页面,但是我不登陆就没法访问其他页面,有人知道怎么处理么?
基于的yudao-ui-admin-vben这个框架开发的,想将默认加载的登录页换成首页,以游客的方式进行访问部分页面

共有2个答案

聂涛
2023-08-02

用路由守卫:

import { createRouter, createWebHistory } from 'vue-router'const router = createRouter({  history: createWebHistory(),  routes: [    // ...你的路由配置  ]})router.beforeEach((to, from, next) => {  // 检查即将进入的路由是否需要登录  if (to.meta.requiresAuth) {    // 检查用户是否已经登录    if (store.getters.isLoggedIn) {      // 如果用户已经登录,允许他们进这个路由      next()    } else {      // 如果用户没有登录,重定向到登录页面      next('/login')    }  } else {    // 如果这个路由不用登录,允许所有用户进入    next()  }})export default router

路由配置:

{  path: '/protected',  component: ProtectedComponent,  meta: {    requiresAuth: true  }}

你可以把游客访问的页面的requiresAuth设置为false,

严安志
2023-08-02

针对不同的用户分配不同的菜单权限

 类似资料:
  • SpringBoot2.0版本 WebMvcConfigurer 接口,然后重写addViewControllers方法即可 @Configuration public class WebConfigurer implements WebMvcConfigurer{ @Override public void addViewControllers(ViewControllerRegi

  • 我正在构建angular2应用程序,目前我有一个家庭组件与菜单栏和路由器出口的主要内容。我添加了登录机制,所以如果用户没有经过身份验证,那么登录页面将显示在整个屏幕上,登录后用户将被路由到上面结构的主/主组件。 当我运行登录页面加载的应用程序时,成功验证后,它会将我路由到主页,但在加载菜单的主页(如Dashboard1、Dashboard2、Report1等)中,链接无法正常工作。当我点击任何菜单

  • 问题描述 vue3 项目开启 gzip后,文件报错

  • 路由配置项位于 /lavas.config.js 的 router 对象。Lavas 内部使用 vue-router 进行路由管理,因此许多配置项都和 vue-router 是相同的。 Lavas 路由配置项包括: 路由模式,基准路由等 路由切换动画效果 重写路由(如果对自动生成的路由规则不满意) 路由模式和基准路由 router: { mode: 'history', base:

  • 我想在当前二三级页面获取to,form,怎么获取

  • 进入阿里云服务器,搜索ssl证书,免费申请,1.证书申请(自行选购) 2.下载证书 3.解压下载压缩包 4.将.pfx文件放至springboot项目resources目录下    applicatio.yml中添加配置   5.设置http自动重定向https(8082端口->443端口): 在SpringApplication启动类中加入以下代码:(注意网上有些代码中的EmbeddedServletContainerFactory找不到