作家
登录

前端真的能做到彻底权限控制吗?

作者: 来源: 2018-01-05 12:08:36 阅读 我要评论

  1. // 路由钩子(每个路由跳转前调起beforeEach钩子) 
  2.  
  3. router.beforeEach((tofromnext) => { 
  4.  
  5.   if (to.path === '/login') { 
  6.  
  7.     sessionStorage.removeItem('userToken'
  8.  
  9.   } 
  10.  
  11.   let user = sessionStorage.getItem('userToken'
  12.  
  13.   if (!user && to.path !== '/login') { 
  14.  
  15.     // 若本地token不存在,则随便率性路由跳转的时刻,重定向至login 上岸页面 
  16.  
  17.     next({ path: '/login' }) 
  18.  
  19.   } else { 
  20.  
  21.     next() 
  22.  
  23.   } 
  24.  
  25. })  

6.登出Logout:清跋扈本地sessionStorage的token信息 

  1. // mutations 
  2.  
  3. const mutations = { 
  4.  
  5.     ... 
  6.  
  7.     [types.LOGOUT_SUCCESS] (state) { 
  8.  
  9.         state.authlock = true 
  10.  
  11.     // 登出成功回调,移除本地token 
  12.  
  13.         sessionStorage.removeItem('userToken'
  14.  
  15.     router.push({name'Login'}) 
  16.  
  17.     } 
  18.  
  19.  

流程示意图如下:

写完才认为,什么才是真正的安然权限?任重而道远。。。

【编辑推荐】

  1. 前端不止:请告诉我,你要什么样的搁笔
  2. 2018年最值得存眷的JavaScript趋势
  3. 很全很全的JavaScript模块讲解,看了毫不懊悔!
  4. 存眷JavaScript的成本
  5. 19个JavaScript有效的简写技巧
【义务编辑:庞桂玉 TEL:(010)68476606】

  推荐阅读

  服务器为什么要做磁盘阵列?

【限时免费】岁尾最强一次云计算大年夜会,看传统、社区、互联网企业若何碰撞? 有同伙留言欲望我们能发一期关>>>详细阅读


本文标题:前端真的能做到彻底权限控制吗?

地址:http://www.17bianji.com/lsqh/40263.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)