vue-element-plus-admin修改了动态路由后登录显示404的问题

最近开发的时候使用vue-element-plus-admin  mini分支这个后台模板，分享一个404解决方案。

还原问题

我修改了原本的index.mock.ts文件

清理浏览器缓存后重新登录

直接跳转到404页面

我找到src\views\Login\components\LoginForm.vue文件，打印了path路径

发现redirect.value的路径是/404，

permissionStore.addRouters[0].path的路径是/level

解决方案1

把permissionStore.addRouters[0].path和redirect.value调换位置，清理缓存重新登录

 

   //原来的
    // push({ path: redirect.value || permissionStore.addRouters[0].path })
    //现在的
    push({ path: permissionStore.addRouters[0].path || redirect.value });

登录成功

 

 解决方案2

清除缓存重试一下，我反复尝试了很多次，有时候清除缓存重新登录就成功了，有时候要改一下，不知道是什么原因导致