首页 > 其他分享 >vue 动态路由刷新页面404

vue 动态路由刷新页面404

时间:2022-09-29 08:55:26浏览次数:50  
标签:vue 404 路由 router 动态 error404 页面

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

标签:vue,404,路由,router,动态,error404,页面
From: https://www.cnblogs.com/xuelinomen/p/16740229.html

相关文章