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 相关文章推荐
用javascript实现的激活输入框后隐藏初始内容
Jun 29 Javascript
百度留言本js 大家可以参考下
Oct 13 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
Aug 10 Javascript
JavaScript 作用域链解析
Nov 13 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
node.js使用cluster实现多进程
Mar 17 Javascript
JSONP和批量操作功能的实现方法
Aug 21 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
Sep 23 Javascript
React-intl 实现多语言的示例代码
Nov 03 Javascript
Vue头像处理方案小结
Jul 26 Javascript
JS实现带阴历的日历功能详解
Jan 24 Javascript
JavaScript图像放大镜效果实现方法详解
Jun 28 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截取中文字符串的问题
2006/07/12 PHP
php仿discuz分页效果代码
2008/10/02 PHP
PHP 简单数组排序实现代码
2009/08/05 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
php实现登陆模块功能示例
2016/10/20 PHP
PC端微信扫码支付成功之后自动跳转php版代码
2017/07/07 PHP
PHP智能识别收货地址信息实例
2019/01/05 PHP
JS 图片缩放效果代码
2010/06/09 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
JavaScript cookie的设置获取删除详解
2014/02/11 Javascript
javascript 终止函数执行操作
2014/02/14 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
js判断浏览器类型及设备(移动页面开发)
2015/07/30 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
NodeJS的Promise的用法解析
2016/05/05 NodeJs
JavaScript实现设置默认日期范围为最近40天的方法分析
2017/07/12 Javascript
Angular2的管道Pipe的使用方法
2017/11/07 Javascript
JavaScript实现一个带AI的井字棋游戏源码
2018/05/21 Javascript
JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例
2019/09/17 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
python中使用百度音乐搜索的api下载指定歌曲的lrc歌词
2014/07/18 Python
Python合并字符串的3种方法
2015/05/21 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
Python新手学习标准库模块命名
2020/05/29 Python
详解numpy.ndarray.reshape()函数的参数问题
2020/10/13 Python
CSS实现雨滴动画效果的实例代码
2019/10/08 HTML / CSS
CSS3 实现穿梭星空动画
2020/11/13 HTML / CSS
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
英国最大的滑板品牌选择:Route One
2019/09/22 全球购物
How TDD works
2012/09/30 面试题
遗产继承公证书
2014/04/09 职场文书
行政部经理助理岗位职责
2014/06/15 职场文书
七一建党日演讲稿
2014/09/05 职场文书
一年级小学生评语大全
2014/12/25 职场文书
Python中OpenCV实现查找轮廓的实例
2021/06/08 Python
用JS实现飞机大战小游戏
2021/06/09 Javascript