vue-router来控制用户登录权限

三仲

第一步：新建一个名字为permission的js文件，代码如下

import router from './router'
import NProgress from 'nprogress' // Progress 进度条
import 'nprogress/nprogress.css'// Progress 进度条样式

router.beforeEach((to, from, next) => {
  NProgress.start(); // 开启Progress
  if (sessionStorage.getItem('accessToken')) {
    next()
  } else {
    if (to.path ==="/login"|| to.path ==='/register'){
      next()
    }else {
      next('/login')
    }
    NProgress.done()
  }
});
router.afterEach(() => {
  NProgress.done() // 结束Progress
});

第二步：在main.js中导入permission.js

import './permission'   //权限

 

来源：https://www.cnblogs.com/smile-fanyin/p/16636745.html