vue 设置路由的登录权限的方法


Posted in Javascript onJuly 03, 2018

index.js

将需要登录权限的路由设置meta属性

vue 设置路由的登录权限的方法

meta:{requireAuth:true},

main.js

在main.js内直接写对路由的验证

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requireAuth)){ // 判断该路由是否需要登录权限
    if (sessionStorage.getItem("access_token")) { // 判断当前的token是否存在
      next();
    }
    else {
      next({
      path: '/manage',
      query: {redirect: to.fullPath} // 将跳转的路由path作为参数,登录成功后跳转到该路由
    })
    }
  }
  else {
    next();
  }
});

总结

以上所述是小编给大家介绍的vue 设置路由的登录权限的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用于table内容排序
Jul 21 Javascript
JavaScript 给汉字排序实例代码
Jun 28 Javascript
Jquery事件的连接使用示例
Jun 18 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
May 30 Javascript
javascript小数精度丢失的完美解决方法
May 31 Javascript
微信小程序 安全包括(框架、功能模块、账户使用)详解
Jan 16 Javascript
详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
Feb 17 Javascript
Node.js使用Express.Router的方法
Nov 14 Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 Javascript
js轮播图之旋转木马效果
Oct 13 Javascript
jQuery阻止事件冒泡实例分析
Jul 03 #jQuery
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 #Javascript
Vue props用法详解(小结)
Jul 03 #Javascript
JavaScript设计模式之代理模式简单实例教程
Jul 03 #Javascript
详解Vue中使用Echarts的两种方式
Jul 03 #Javascript
vue awesome swiper异步加载数据出现的bug问题
Jul 03 #Javascript
JavaScript设计模式之工厂模式简单实例教程
Jul 03 #Javascript
You might like
利用php来自动调用不同服务器上的flash
2006/10/09 PHP
PHP执行linux系统命令的常用函数使用说明
2010/04/27 PHP
php自定义session示例分享
2014/04/22 PHP
合并ThinkPHP配置文件以消除代码冗余的实现方法
2014/07/22 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
document.all与WEB标准
2020/05/13 Javascript
2012年开发人员的16款新鲜的jquery插件体验分享
2012/12/28 Javascript
javascript中日期转换成时间戳的小例子
2013/03/21 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
2013/06/27 Javascript
jquery放大镜效果超漂亮噢
2013/11/15 Javascript
浮动的div自适应居中显示的js代码
2013/12/23 Javascript
深入理解JavaScript中的箭头函数
2015/07/28 Javascript
jquery自定义插件开发之window的实现过程
2016/05/06 Javascript
微信小程序组件之srcoll-view的详解
2017/10/19 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
vue下canvas裁剪图片实例讲解
2020/04/16 Javascript
[40:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs TNC
2018/04/01 DOTA
python实现类的静态变量用法实例
2015/05/08 Python
Python3读取Excel数据存入MySQL的方法
2018/05/04 Python
详解爬虫被封的问题
2019/04/23 Python
python实现简单图书管理系统
2019/11/22 Python
Python中 Global和Nonlocal的用法详解
2020/01/20 Python
在python中使用pyspark读写Hive数据操作
2020/06/06 Python
python中adb有什么功能
2020/06/07 Python
解决python对齐错误的方法
2020/07/16 Python
HTML5本地存储之Database Storage应用介绍
2013/01/06 HTML / CSS
四方通行旅游网:台湾订房、出国旅游
2017/09/20 全球购物
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
计算机应用专业毕业生求职信
2013/10/24 职场文书
周年庆促销方案
2014/03/15 职场文书
机械设备与数控技术专业求职信
2014/08/10 职场文书
运动会开幕式主持词
2015/07/01 职场文书
参观监狱警示教育心得体会
2016/01/15 职场文书
maven依赖的version声明控制方式
2022/01/18 Java/Android
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL