JeecgBoot Vue3版本 实现某页面免登录进入

最新推荐文章于 2024-06-09 20:17:27 发布
最新推荐文章于 2024-06-09 20:17:27 发布
阅读量824 收藏 2
点赞数
文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leoz1/article/details/134076182
版权
一、vue3

1.在router-routes-index.ts中添加对应路由

2.定义路径

在src-enums-pageEnum.ts文件中添加路径

3.设置白名单生效

在src-router-guard-permissionGuard.ts中引入路径，并添加到whitePathList白名单路径列表中

二、vue2

1.添加路由

在src-config-router.config.js文件，在最后添加对应路由文件

2.将对应路由添加到系统路由白名单中

在src-permission.js中将第一步添加的路由path添加到whiteList中，即可

三、后端

在此进行配置

leoz1
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue实现未登录跳转到登录页
Mjxiaomihu的博客
08-16 9127
Vue实现未登录跳转到登录页
JeecgBoot平台前端Vue3源码
07-26
JeecgBoot—Vue3版前端源码，采用 Vue3.0+TypeScript+Vite+Ant-Design-Vue等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、... 是JeecgBoot低代码平台的vue3技术栈的全新UI版本，功能强于vue2版。
jeecgboot页面免登陆
期何
07-08 3104
使用jeecgboot时，需要制作一个免登陆的界面供用户查看，制作完毕后发现每次打开都会重定向到login界面，经过多次尝试，发现需要在permission.js中将免登陆界面添加到白名单中。
jeecg-boot中实现跳过登录验证访问其他vue页面
穆雄雄的博客
12-09 2596
大家都知道，我们正常的项目，都做了访问限制，也就是，只有当用户登录本平台后，才能让用户访问别的页面，否则默认重定向到登录页面。但是，需求总有不尽人意的地方：比如我们需要做一个单独的页面，此页面所有用户都可以微信扫码进行跳转访问，然后去进行别的业务操作，所以我们不能给做登录限制，那么这种需求下，我们应该怎么实现呢？
JeecgBoot Vue3 版本前端后端设置免登录-不登录直接访问页面-前端免登录直接访问
程序员猫爪
10-22 7937
JeecgBoot Vue3 前端后端设置免登录-不登录直接访问页面-前端免登录直接访问，免登录直接访问，jeecgboot Vue3 版本做出了巨大的更新，前端项目的变动最大，在使用的时候官网文档有的地方没有介绍，如果您想做官网，前台的项目，这个时候需要绕过登录，直接进入项目，这个时候需要一下的配置，即可实现对应的功能。 在学习编程的时候不光要和老师，教程一一的学习，学习一些开源项目也很重要
vue 不需要登录直接跳转
陌桑楚客
09-29 7332
1、在 router->index.js里加入新的路由，地址指向到要跳转的页面，找后端讲明需求（执行点击跳转到需要的页面） 例如：constantRouterMap里加上这句 {"path": '/cyrjxz', "name": 'cyrjxz', component:()=>import(/* webpackChunkName:"login" */ "@/views/fzbg/szfswgl/cyrj/cyrjlist" ) }, 2、将新增的路由名字加入premission....
vue不需要登录直接用地址链接进入页面
SakuraRink的博客
11-09 2698
path: ‘/from/project/mangeform’, 为你的连接上面的需要连接过去的地址路由（如图红色框部分）我们想用此链接绕过登录直接进入此（localhost:13082/from/project/mangeform）页面。/from/project/mangeform, 为你的连接上面的需要连接过去的地址路由（如图红色框部分）@/views/project/mangeform/index 这个为你项目里面的页面路径。1.在vue项目里面找到src/router/index。
jeecgboot 页面免登录
weixin_38673922的博客
01-12 2609
使用jeecgboot时，需要制作一个大屏展示界面，制作完后发现每次打开都会重定向到login界面。解决办法： 一、在router.config.js 路由配置。 二、在permission.js中将免登陆界面添加到白名单中， 三、大屏vue目录 ...
jeecgboot免登陆页面-包括踩坑【全版本】
wwppp987的博客
09-09 963
jeecgboot免登陆页面-包括踩坑【全版本】 目前实测版本2.3.0、2.4.0、3.0.0、3.2.0。
基于Vue3的JeecgBoot低代码平台前端设计源码
05-25
本源码为基于Vue3的JeecgBoot低代码平台前端设计，包含656个Vue文件、550个TypeScript文件等，共1425个文件。该项目旨在为用户提供一个全面、便捷的低代码平台前端解决方案，通过Vue3.0、TypeScript、Vite、Ant-...
jeecg框架jeecg-boot(vue2版)
09-10
jeecg框架jeecg-boot(vue2版)
JeecgBoot后台源码（Vue3版本）
07-26
JeecgBoot「企业级低代码平台」 前后端分离架构SpringBoot 2.x，SpringCloud，Ant Design&Vue，Mybatis，Shiro，JWT。强大的代码生成器让前后端代码一键生成，无需写任何代码! 引领新的开发模式OnlineCoding->代码...
jeecgboot-vue3 v3.4.3 资源
03-31
jeecgboot-vue3 v3.4.3 资源 升级日志 VUE3版本低代码模块首个全功能稳定版，online表单、online报表专项升级，新增很多亮点功能。 提醒：此版本的online后台与vue2 UI不兼容，vue2暂时不要升级后台。 升级SQL ...
【VUE】renren-fast-vue跳过验证码及使用mock数据单独添加一个页面
WEL测试
02-12 1388
renren-fast-vue不搭建后台服务如何登录成功并进入系统？以及如何使用mock数据添加页面并展示？
vue通过链接跳过登录直接到达某个页面
weixin_44325341的博客
01-09 4306
提供一个链接点击 跳过该系统的登录 直接显示某个页面甚至直接显示某个页面的某个弹框
ruoyi-vue 新增无需登录，直接访问的页面
qq_39558519的博客
11-22 2865
ruoyi-vue 新增无需登录，直接访问的页面
jeecgboot跳转到免登录页面
ajiejie66的博客
03-25 1359
jeecgboot跳转到一个首页不用进行登录 在这里permission.js添加上你想要显示的页面 添加路由
关于在vue中实现7天免登录
zhou981130的博客
07-19 1684
在vue中实现7天免登录 核心即利用vue的路由守卫beforeEach import Vue from 'vue' import App from './App.vue' import router from './router/index.js' import './assets/css/icons.css' import './assets/css/font.css' import ElementUi from 'element-ui' import './assets/css/theme-chal
[Vue-常见错误]浏览器显示Uncaught runtime errors
最新发布
一个喜欢什么都研究一下的小小后端程序员
06-09 319
在vue.config.js中配置关闭Uncaught runtime errors显示。
jeecgboot vue3的使用
07-15
要使用 JEECGBoot Vue3，您可以按照以下步骤进行操作： 1. 下载 JEECGBoot 源代码：您可以 JEECGBoot 的官方仓库如 GitHub）下载源代码，或者从官方网站获取可用的发行版。 2. 安装前端开发环境：JEECGBoot Vue3 是基于 Vue.js 进行开发的，因此您需要先安装 Node.js 和 npm（Node Package Manager）。您可以从 Node.js 官方网站下载并安装适合您操作系统的版本。 3. 打开前端项目目录：进入 JEECGBoot 源代码的前端项目目录，一般是 `jeecg-boot/ant-design-vue-jeecg`。 4. 安装依赖项：在命令行中运行 `npm install` 命令，它会自动安装项目所需的依赖项。 5. 配置后端接口：打开 `src/settings.js` 文件，根据您的后端部署情况配置接口地址，确保前端可以正确与后端进行通信。 6. 运行开发服务器：在命令行中运行 `npm run serve` 命令，启动开发服务器。它会自动编译和热重载前端代码，并在本地提供一个开发环境的访问地址。 7. 访问应用程序：通过浏览器访问提供的开发环境地址，即可查看和使用 JEECGBoot Vue3 应用程序。 请注意，以上步骤仅适用于 JEECGBoot Vue3 的基本使用。如需更详细的信息和进一步的配置，请参考 JEECGBoot 的官方文档或社区支持。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值