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]);
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容