vue3 路由跳转404

在Vue 3中，路由跳转遇到404错误的情况可以通过以下方式处理。首先，需要在路由配置中定义一个404页面，用于显示路由未匹配到的情况。可以使用`<router-view/>`标签在主组件中渲染404页面。另外，还可以通过路由导航守卫的`beforeEach`方法来判断路由是否存在，如果不存在则跳转到404页面。

代码示例：

// 路由配置
const routes = [
  // 其他路由配置...
  {
    path: '/404',
    name: '404',
    component: () => import('../views/NotFound.vue')
  },
  {
    path: '/:catchAll(.*)',
    redirect: '/404'
  }
];

// 路由实例化
const router = createRouter({
  history: createWebHistory(),
  routes
});

// 路由导航守卫
router.beforeEach((to, from, next) => {
  if (to.matched.length === 0) {
    next('/404');
  } else {
    next();
  }
});