若依vue添加访问白名单，免登录访问指定路由页面

最新推荐文章于 2024-05-30 14:27:51 发布
最新推荐文章于 2024-05-30 14:27:51 发布
阅读量540 收藏 1
点赞数 2
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Still_and_silent/article/details/138312096
版权

若依vue添加访问白名单，免登录访问指定路由页面

1.配置公共路由
在这里插入图片描述
2.添加白名单。配置完之后，即可直接免登录访问指定路由页面了
在这里插入图片描述

Still and silent.
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
【Vue基础】路由守卫+白名单
Milk~每天分享一点点，技术进步一点点
07-28 5023
路由守卫+白名单 目录： 核心代码演示： import router from "./index"; import store from "../store/index"; import { getToKen, removeToKen, removeUserName } from "@/utils/app"; //白名单 const whiteRouter = ['/login']; //indexOf方法，判断数组中是否存在指定的某个对象，如果不存在，则返回-1 //全局路由守卫 befo
若依框架VUE前端界面，登录后默认跳转至动态路由第一路由（第一个子菜单）
02-03
若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单） 若依前后端分离框架去掉首页 登录后跳转至动态路由的第一个路由 （第一个子菜单）
若依框架中实现配置路径白名单
Xiao_Bai320的博客
06-29 4649
若依框架中实现配置路径白名单——转发方便观看 作者：会飞的皮卡丘EI 个人主页：https://blog.csdn.net/H_Q_Li
若依如何释放白名单接口
MMF博客园
04-28 160
若依如何释放白名单接口
ruoyi分离版前端白名单
Decline1的博客
01-13 5543
ruoyi分离版前端白名单 先在router下的index.js中加上需要添加的路由 之后再permission.js下的whiteList中加上上面添加的路由就可以了 后端的接口 接口白名单 /**是匹配路径下的所有接口，也可以直接指定某一个具体的接口 ...
Vue登录拦截 登录后继续跳转指定页面的操作
10-14
主要介绍了Vue登录拦截 登录后继续跳转指定页面的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
记一次若依框架添加白名单失效解决办法
Leiou_1的博客
02-27 2700
项目中有接口不需要token校验，需要不登录就可以访问，我将这个接口加入了SecurityConfig的.antMatchers("/files/**").anonymous()中(图一)，然后直接访问，还是回提示没有权限(图二)
ruoyi若依框架路由守卫开放权限-前端vue页面开放权限
weixin_58689039的博客
03-25 573
若依框架前端开放权限，自己写一个vue界面，，想让所有人不用登录就可以访问，在views文件夹下找到permissiom.js。这两个路径，表示登录和注册页面不需要登录就可以访问。如果您想要添加新的页面到这个白名单中，只需将新页面的路径字符串添加到该数组中。请注意，从安全的角度考虑，在添加页面到白名单之前，需要确认页面不会泄露任何需要认证的敏感信息。要让特定的页面在不登录的情况下也可以访问，您需要将该页面的路径添加到路由守卫中的。确保你添加的路径与你在 Vue 路由器的配置中定义的路径字符串完全匹配。
ruoyi-vue 新增无需登录，直接访问的页面
qq_39558519的博客
11-22 2830
ruoyi-vue 新增无需登录，直接访问的页面
Ruoyi若依框架开放匿名访问路由和接口
ZhangYe3033的博客
11-22 858
【代码】Ruoyi若依框架开放匿名访问路由和接口。
vue 项目中当访问路由不存在的时候默认访问404页面操作
10-14
主要介绍了vue 项目中当访问路由不存在的时候默认访问404页面操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue路由守卫,限制前端页面访问权限的例子
10-16
今天小编就为大家分享一篇vue路由守卫,限制前端页面访问权限的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1187
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 491
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 324
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
【Vue】v-if / v-show条件渲染指令
qq_39921135的博客
05-29 460
条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。表达式值为 true 显示， false 隐藏。作用： 控制元素显示隐藏（简单的显示隐藏）场景：频繁切换显示隐藏的场景。
vue iframe src规则
最新发布
Ann_52547的博客
05-30 263
需要注意的是，为了安全起见，应尽量避免使用 JavaScript URL，尤其是在加载外部内容时，以防止恶意脚本的注入和执行。1、相对路径：相对于当前页面的路径。
vue路由守卫白名单
09-01
在Vue路由中，可以使用路由守卫配合白名单来实现权限控制。白名单是一个包含需要放行的路由路径的数组。通过使用前置路由守卫（beforeEach），可以在路由切换之前进行权限验证。具体使用方法如下： 1. 定义白名单：使用const关键字定义一个变量，并赋值为一个包含需要放行的路由路径的数组。例如：const whitelist = ['/login', '/register']。 2. 在前置路由守卫（beforeEach）中使用白名单：在前置路由守卫的回调函数中，使用includes方法判断当前路径是否在白名单中，如果在白名单中，则放行。例如： ```javascript 基地址变量名.beforeEach((to, from, next) => { // 使用白名单 if (whitelist.includes(to.path)) { next(); } }) ``` 其中，参数to表示要跳转的目标路由对象，from表示当前准备离开的路由对象，next是一个函数，用于确定是否放行。 3. 后置路由守卫（afterEach）：后置路由守卫在路由跳转完成后被调用，可以在该守卫中执行一些操作，但没有next()回调函数。例如： ```javascript 基地址变量名.afterEach((to, from) => { // 在路由跳转完成后执行操作 }) ``` 注意：白名单和前置路由守卫可以结合使用，用于控制某些路由是否需要进行权限验证。而后置路由守卫主要用于执行一些与路由跳转相关的操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue/ Vue 全局路由守卫 前置路由守卫 （beforeEach） 后置路由守卫（afterEach）、搭配白名单使用方法](https://blog.csdn.net/m0_64494670/article/details/128010677)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值