jeecg-boot中实现跳过登录验证访问其他vue页面

举报
穆雄雄 发表于 2022/12/09 22:37:45 2022/12/09
【摘要】 大家好,我是雄雄,欢迎关注微信公众号,雄雄的小课堂。 前言大家都知道,我们正常的项目,都做了访问限制,也就是,只有当用户登录本平台后,才能让用户访问别的页面,否则默认重定向到登录页面。但是,需求总有不尽人意的地方:比如我们需要做一个单独的页面,此页面所有用户都可以微信扫码进行跳转访问,然后去进行别的业务操作,所以我们不能给做登录限制,那么这种需求下,我们应该怎么实现呢? 版本前端:jeecg...

大家好,我是雄雄,欢迎关注微信公众号,雄雄的小课堂。

在这里插入图片描述

前言

大家都知道,我们正常的项目,都做了访问限制,也就是,只有当用户登录本平台后,才能让用户访问别的页面,否则默认重定向到登录页面。但是,需求总有不尽人意的地方:
比如我们需要做一个单独的页面,此页面所有用户都可以微信扫码进行跳转访问,然后去进行别的业务操作,所以我们不能给做登录限制,那么这种需求下,我们应该怎么实现呢?

版本

前端:jeecg-boot 的前端
后端:jeecg-boot微服务版本
浏览器:手机、电脑均适用。

实现思路

大家可以这么想,项目中的错误页面(404),是不是就不用登录,用户直接就能访问?
答案是肯定的,所以我们可以参考一下错误页面是怎么实现的,然后我们在他的基础上进行简单更改就可以。

一般这种东西,都在路由里面配置,所以我们先找到项目的路由配置页面router.config.js
在这里插入图片描述

打开后我们翻到最后,在404配置后面在加一句一样的,但是路径得改成你的:

在这里插入图片描述
代码如下:

 {
    path: '/download',
    hidden: true,
    component: () => import('@/views/exception/download')
  },

接下来,我们在@/views/exception/下面新建个页面download,里面内容根据自己的需求来定即可。

在这里插入图片描述

OK,此时我们去访问,发现还是不可以,还需要改一个地方。
打开permission.js文件,在这个位置:
在这里插入图片描述

然后我们修改一下:
在这里插入图片描述
把我们的这个路径加上就可以了。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。