vue 动态路由刷新页面404

  1. 如果你的静态路由最后有如下代码:
  // 404 page must be placed at the end !!!
  { path: "*", redirect: "/404", hidden: true },
  1. 如果你的路由有一部分是动态获取的话,刷新页面会路由到404页面,404页面一定要放在最后,动态路由 addRoutes 之后,需要重新添加一下404页面,如下:

router.js 页面:

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

在动态路由逻辑里:

import router from "./router";
import { error404 } from "./router";

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

你可能感兴趣的:(vue 动态路由刷新页面404)