码迷,mamicode.com
首页 > 其他好文 > 详细

vue项目常见之五:路由拦截器(permission),导航守卫

时间:2020-03-22 16:15:57      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:登录   iss   outer   timeout   检查   方法   UNC   path   bsp   

// 处理路由拦截器 导航守卫
import router from ‘../router‘
import progresss from ‘nprogress‘
import ‘nprogress/nprogress.css‘
// 全局前置守卫  当 路由发生变化时 这个方法里的回调函数就会执行
router.beforeEach(function (to, from, next) {
  progresss.start() // 开启进度条
  // 权限拦截 认为有token 让过去 没token不让过
  if (to.path.startsWith(‘/home‘)) {
    //   确定要去检查的范围
    let token = window.localStorage.getItem(‘user-token‘)
    if (token) {
      next() // 放过
    } else {
      next(‘/login‘) // 跳转到登录页
    }
  } else {
    next() // 直接放过
  }
})
router.afterEach(() => {
  // setTimeout(() => progresss.done(), 1000)
  progresss.done()
  // 关闭进度条
})

 

vue项目常见之五:路由拦截器(permission),导航守卫

标签:登录   iss   outer   timeout   检查   方法   UNC   path   bsp   

原文地址:https://www.cnblogs.com/wtsx-2019/p/12546153.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!