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]);