addroutes刷新_vue 解决addRoutes多次添加路由重复的操作

我就废话不多说了，大家还是直接看代码吧~

import Vue from 'vue'

import Router from 'vue-router'

Vue.use(Router)

const createRouter = () => new Router({

mode: 'history',

routes: []

})

const router = createRouter()

export function resetRouter () {

const newRouter = createRouter()

router.matcher = newRouter.matcher // the relevant part

}

export default router

找老外的文档解决的问题，在登出的模块调用resetRouter方法，把原来的路由替换。

补充知识：vue中 做权限管理 使用router.addRoutes()动态添加路由以及解决刷新失效，跳转后刷新失效问题

最近在公司做知识储备，有个权限的问题干扰了我2天，今天终于把他理顺了！！！

一、需求明确

我想做的是后台管理系统的权限管理，(所有的数据都是使用mockJs模拟得来)，登录的时候，发送表单验证，验证成功后，后台返回权限列表，权限不同，返回的列表不同，拿到权限列表后，把权限列表渲染出来在页面侧边栏上。

二、注意