本文共 666 字，大约阅读时间需要 2 分钟。

路由导航守卫 

可以建立在main.js同级目录下的permission.js中        main.js 直接引入使用 

// 路由导航守卫import router from '@/router'import store from '@/store'// 引入进度条插件import Nprpgress from 'nprogress'import 'nprogress/nprogress.css'// 引入进度条// 白名单const whiteList = ['/login', '/404']// 导航前置守卫router.beforeEach((to, from, next) => {  Nprpgress.start()  // 如果有token  if (store.getters.token) {    // 如果访问登录页    if (to.path === 'login') {      next('/')    } else {      next()    }    // 没有token情况  } else {    // 表示要去的地址在白名单    if (whiteList.indexOf(to.path) > -1) {      next()    } else {      next('/login')    }  }  Nprpgress.done()})// 导航后置守卫router.afterEach((to, from, next) => {  Nprpgress.done()})

转载地址：http://aoswn.baihongyu.com/