简单理解Vue权限路由通过router.addRoutes实现

 

首先创建页面A和页面B和404，假设A是不需要权限的页面，而B是需要有权限才能访问的页面,只有登录后的账户有权限才能访问

在router中的index.js中配置路由

 

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)


export let homeRouter = [{
    path: '/',
    name: 'Home',
    component: Home,
    children: []
  },
  {
    path: '/login',
    name: 'login',
    component: () => import( /* webpackChunkName: "B" */ '../views/login.vue')
  },

  {
    path: '/A',
    name: '