work-notes(2):导航守卫

news/2024/7/10 1:06:41 标签: vue, javascript

时间:2022-04-08

代码

javascript">router.beforeResolve((to, from , next)=>{
  var tokens = Cookies.get('ZIWU_NAVI')
  if (to.path !== '/login' && tokens === undefined){
    // 判断是否在登录界面并且tokens不存在
    next('/login')
  } else if (to.path === '/login' && tokens !== undefined){
    // 判断是否是登陆界面并且tokens存在
    next('/navigation')
  }
  next()
})

理解

1、从 Cookie 中获取对应的值作为 tokens;

2、判断当前导航路径是否为 /login 登录页面,并且 tokens 是否不存在;如果是,则跳转到登录页面;否则跳转到对应页面(一般为 home 页面);


http://www.niftyadmin.cn/n/1410348.html

相关文章

分布式缓存系统热点数据

一、背景 分布式缓存一般被定义为一个数据集合,它将数据分布(或分区)于任意数目的集群节点上。集群中的一个具体节点负责缓存中的一部分数据,整体对外提供统一的访问接口 Amazon 于 2007 年提出的一种改进的一致性哈希算法 [4]。…

work-notes(3):前端新项目入手,git拉项目,从头到尾操作理清思路

时间:2022-04-11 文章目录声明开头1、在远程仓库上,创建自己的分支2、clone 克隆项目3、猜你遇到问题4、基于 1、2 步骤本地已有联通项目5、创建本地分支6、拉取代码7、暂存代码8、提交代码9、同步10、可以在远程仓库查看声明 因为对clone、拉取、提交、…

work-notes(4):在.js文件中插入空格,如何插入(拼接)空格?插入多个空格?

时间:2022-04-12 文章目录描述1、在 .js 文件里面1.1 方式11.2 方式22、在 .html 里面描述 今天想在字符串内拼接 空格 老出不来。 主要是我想用 多个空格 ,尝试了: ① ‘ ’ (里面多个空格不行); ② ’ ’ ’ ’ &#xff0…

work-notes(5):v-for报错,[vue/require-v-for-key] Elements in iteration expect to have ‘v-bind:key‘

时间:2022-04-14 文章目录报错情况报错原因解决办法2、如果报错Expected v-bind:key directive to use the variables which are defined by the v-for directive.报错原因解决办法报错情况 报错原因 迭代中的[vue/require-v-for-key]元素希望有“v-bind:key”指令…

work-notes(6):vue中 v-for,class 和 style 中绑定带入变量的写法,如何在style中加入变量?

时间:2022-04-14 更新:2022-04-18 文章目录原因解释:class 写法1、三元运算2、变量3、对象4、数组:style 写法1、变量2、对象3、三元运算原因解释 在 v-for 写入到 style 或 class,特别是绑定的 :style、:class 就不生效 :class 写法 1、…

work-notes(7):如何让元素从中心放大?如何让图片从中心放大?

时间:2022-04-18 文章目录原因解释讲解实现代码原因解释 之前一直在纠结如何让背景图片从中心放大,好像 background-size 做不到这样的效果; 最后找到了一个最简单的方法,一个 CSS 属性就能解决; 讲解 其实就是通过…

work-notes(8):如何制作卡片凹陷?如何制作梯形?如何制作有凹陷的盒子?如何制作透明凹陷?

时间:2022-04-20 文章目录1、实现描述2、思路分析3、针对 头部凹陷三盒子摆放方式4、给两边盒子的属性5、简单代码实现例子6、总结1、实现描述 我们公司开发了一个视频会议网站,有一个会议列表卡片头部是有一个透明凹陷的,NND还没见过这样无…

work-notes(9):vue 如何在 v-if 里面对数组的长度进行判断?为什么 v-if 里面判断数组长度 length报错?

时间:2022-04-22 文章目录1、原因解释2、错误写法2.1 报错3、正确方式3.1 判空3.2 判非空1、原因解释 首先数组长度为 0 的时候可能会报错,因为数组可能存在有 undefined 的状况; 所以写的判断条件尽可能的全一点; 2、错误写法…