Vue 实现当网址输入页面路由不存在时，页面跳转到404页面【附代码】

今天爱分享给大家带来Vue 实现当网址输入页面路由不存在时，页面跳转到404页面【附代码】，希望能够帮助到大家。
解决方法：只要在路由配置下增加如下代码即可

{
    path: '*',
    name: 'error404',
    component: resolve => require(['components/error-page/404'], resolve)
  },
  {
    path: '/500',
    name: 'error500',
    component: () => import('components/error-page/500')
  }

输入一个不存在的路由，页面显示如下