🤓vue路由白名单

type
Post
status
Published
date
Apr 15, 2024
slug
summary
tags
category
前端
icon
password

项目场景：

例如：网页中有些页面需要登录后才能访问，有些页面不需要，我们需要在页面的前置路由设置白名单，过滤出白名单（不需要登录就可以访问的页面），判断是否需要登录，如果是，就跳到登录页面。

解决方案

在 src 下建立一个名为 permission 的 js 文件，在 main 中引入, 这个判断是否登录的思路是判断有没有 cookie，至于 cookie 存在在哪，看自己的实际情况， permission 代码如下：
router 中路由写法要对应好名字，如：
最后在 main 中引入这个 js 文件

跟进(最新写法 --- 2023.4.1)

如果上面写法可能会有过多得 if 判断，那你可以试试这个写法
  1. 在 router 下的 mate 中加一个属性， 这个名字随意，我这里用 requireAuth
  1. 在 permission 中这么写
上一篇
vue3自定义指令
下一篇
网页内嵌B站视频，隐藏相关控件
Loading...