vue 动态路由刷新页面404

1.如果你的静态路由最后有如下代码:

  // 404 page must be placed at the end !!!
  { path: "*", redirect: "/404", hidden: true },

2.如果你的路由有一部分是动态获取的话,刷新页面会路由到404页面,404页面一定要放在最后,动态路由 addRoutes 之后,需要重新添加一下404页面,如下:
在 router.js 页面:

export const error404 = { path: "*", redirect: "/404", hidden: true };

3.在动态路由逻辑里一般是permission.js
import router from "./router";
import { error404 } from "./router";

router.addRoutes([...asyncRouter, error404]);

posted @ 2022-09-29 08:49  xuelin  阅读(77)  评论(0)    收藏  举报