vue3 路由不匹配 返回状态码

在Vue 3中，路由不匹配时可以返回状态码来表示错误或者未找到的页面。Vue Router提供了一个特殊的路由配置项`*`，用于匹配所有未被其他路由匹配的路径。通过在该路由配置项中设置一个自定义的状态码，可以实现路由不匹配时返回指定的状态码。

以下是一个示例的Vue 3路由配置，其中使用了`*`来匹配所有未被其他路由匹配的路径，并返回状态码404：

import { createRouter, createWebHistory } from 'vue-router';

const routes = [
  // 其他路由配置项...
  
  // 匹配所有未被其他路由匹配的路径
  {
    path: '/:pathMatch(.*)',
    name: 'NotFound',
    component: NotFoundComponent,
    meta: {
      statusCode: 404 // 设置状态码为404
    }
  }
];

const router = createRouter({
  history: createWebHistory(),
  routes
});

export default router;

在上述示例中，当访问一个未被其他路由匹配的路径时，会加载名为`NotFoundComponent`的组件，并且该组件的`meta`字段中设置了状态码为404。你可以根据需要自定义状态码和对应的处理逻辑。

请注意，这只是一种实现方式，具体的实现方式可能因项目需求而有所不同。你可以根据自己的项目需求进行相应的调整和扩展。