[vue-router] Duplicate named routes definition: { name: “settings“, path: “/settings/“ }路由重复

产生的原因:退出系统,在今日的时候会报路由重复的警告,刷新信息的时候是没有的,因为这使用router.addRoutes动态添加路由,退出系统的时候并没有清除动态路由,所以会报错误

效果:

解决方式:退出项目系统的时候清空路由

在router的index.vue中已经定义了方法:

// 清除动态路由

export function resetRouter(){
const newRouter= createRouter()
router.matcher = newRouter.matcher // reset router
}

这个方法就是将路由重新实例化，相当于换了一个新的路由，之前加的路由就不存在了，需要在登出的时候， 调用一下即可

在store/modules/user.js

import { resetRouter } from '@/router'

// 退出的action操作

logout(context) {

// 1. 移除vuex个人信息

context.commit('removeUserInfo')

// 2. 移除token信息

context.commit('removeToken')

// 3. 重置路由

resetRouter()

}