Vue中如何避免多次调用addRoutes导致路由重复的问题？

本文共计876个文字，预计阅读时间需要4分钟。

我明白您的要求，以下是简化后的代码内容：

javascriptimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const createRouter=()=> new Router({ mode: 'history', routes: [] })const router=createRouter()export function r() { return router }

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

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方法，把原来的路由替换。