Vue Router 如何配置 404 页面？

在 Vue 项目中，如果你想配置一个 404 页面（即找不到页面提示），你需要通过 Vue Router 来设置。这通常通过将路由配置中的 *（通配符）指向一个 404 组件来实现。

// 定义路由部分
const routes = [
  {
    path: '/',
    component: () => import('@/views/Home.vue'); // 路由懒加载
  },
  // 通配符，一定要放在定义路由的最后
  {
    path: '*', 
    component:  () => import('@/components/NotFound.vue'); // 路由懒加载
  }
];