Webpack 如何为不存在的管线加载组件？vue和x2B的404组件；网页包

我定义了如下路线：

const routes=[
{
    path:'/',
    component:Home,
}, ...

我希望在访问者访问未在“我的路线设置”中定义的路线时显示vue网页包组件 我该怎么做？我的意思是，将vue网页包组件显示为404错误页面？

---

谢谢

在路线列表的末尾使用一条全面路线

const routes = [
  {
      path:'/',
      component:Home,
  },
  {
      path: "*",
      component: NotFound
  }
]

这里有一个例子

console.clear（）
常量Foo={template:'Foo'}
const NotFound={template:'404 page'}
常数路由=[
{路径：'/foo'，组件：foo}，
{路径：'*'，组件：NotFound}
]
常量路由器=新的VueRouter({
路线
})
const app=新的Vue({
路由器
}).$mount（“#应用程序”）

---

在路线列表的末尾使用一条综合路线

const routes = [
  {
      path:'/',
      component:Home,
  },
  {
      path: "*",
      component: NotFound
  }
]

这里有一个例子

console.clear（）
常量Foo={template:'Foo'}
const NotFound={template:'404 page'}
常数路由=[
{路径：'/foo'，组件：foo}，
{路径：'*'，组件：NotFound}
]
常量路由器=新的VueRouter({
路线
})
const app=新的Vue({
路由器
}).$mount（“#应用程序”）