新增退出清空路由缓存

Author: weizhanzhan

src/router/index.ts

@@ -74,10 +74,24 @@ export const asyncRoutes = [
   //   ]
   // }
 ]
-const router = new VueRouter({
-  // mode: 'history',
+
+const createRouter = () => new VueRouter({
+  // mode: 'history', // require service support
+  scrollBehavior: ():any => ({ y: 0 }),
   base: process.env.BASE_URL,
   routes: constantRoutes
 })
 
+const router = createRouter()
+
+export function resetRouter() { // 清除路由缓存
+  const newRouter = createRouter();
+  (router as any).matcher = (newRouter as any).matcher // reset router
+}
+// const router = new VueRouter({
+//   // mode: 'history',
+//   base: process.env.BASE_URL,
+//   routes: constantRoutes
+// })
+
 export default router

src/store/modules/user.ts

@@ -4,6 +4,7 @@ import { setToken, removeToken } from '@/utils/auth'
 import { LoginInfo, UserInfo } from '@/interface/api/login'
 import { Commit } from 'vuex'
 import { message } from 'ant-design-vue'
+import { resetRouter } from '@/router'
 export interface State {
   user: UserInfo
   roles: Array < string >
@@ -56,6 +57,7 @@ const user = {
       return new Promise((resolve, reject) => {
         try {
           message.success('退出成功！')
+          resetRouter()
           context.commit('SET_USER_INFO', '')
           context.commit('SET_TOKEN', '')
           context.commit('SET_ROLE', [])