- // 路由钩子(每个路由跳转前调起beforeEach钩子)
- router.beforeEach((to, from, next) => {
- if (to.path === '/login') {
- sessionStorage.removeItem('userToken')
- }
- let user = sessionStorage.getItem('userToken')
- if (!user && to.path !== '/login') {
- // 若本地token不存在,则随便率性路由跳转的时刻,重定向至login 上岸页面
- next({ path: '/login' })
- } else {
- next()
- }
- })
6.登出Logout:清跋扈本地sessionStorage的token信息
- // mutations
- const mutations = {
- ...
- [types.LOGOUT_SUCCESS] (state) {
- state.authlock = true
- // 登出成功回调,移除本地token
- sessionStorage.removeItem('userToken')
- router.push({name: 'Login'})
- }
- }
流程示意图如下:
写完才认为,什么才是真正的安然权限?任重而道远。。。
【编辑推荐】
- 前端不止:请告诉我,你要什么样的搁笔
- 2018年最值得存眷的JavaScript趋势
- 很全很全的JavaScript模块讲解,看了毫不懊悔!
- 存眷JavaScript的成本
- 19个JavaScript有效的简写技巧
推荐阅读
【限时免费】岁尾最强一次云计算大年夜会,看传统、社区、互联网企业若何碰撞? 有同伙留言欲望我们能发一期关>>>详细阅读
本文标题:前端真的能做到彻底权限控制吗?
地址:http://www.17bianji.com/lsqh/40263.html
1/2 1