vue3如果用户访问的是没有页面的路由跳转到404

KAGHQ

已于 2024-06-14 15:49:59 修改

阅读量203

点赞数 1

文章标签：前端

于 2024-06-14 10:08:48 首次发布

本文链接：https://blog.csdn.net/lrqqhm/article/details/139674117

版权

https://router.vuejs.org/guide/migration/index.html#moved-the-base-option

在这里插入图片描述

  {
    path: '/:pathMatch(.*)',
    name: 'NotFound',
    hidden: true,
    component: () => import('@/views/notFound/not-found.vue'),
  }
router.beforeEach((to, from, next) => {
  const isValidRoute = router.options.routes.some(route => route.path === to.path);
  if (isValidRoute) {
    next(); // Route exists, continue navigating to the target route
  } else {
    next({ name: 'NotFound' }); // Route does not exist, redirect to the 404 page or other error page
  }
});