vue2/vue3 配置404页面

在vue2中我们将404页面配置在所有的路由最后，代码如下：

{
    path: '/404',
    component: () => import('../views/404')
},
{
    path: "*", // 此处需特别注意置于最底部
    redirect: "/404"
}

但在vue3版本中你再使用该方式会发现，404页面的配置并没有生效。那么再vue3版本中我们要如何配置404页面呢？

{
    path: '/404',
    component: () => import('../views/404')
},
{
        path: '/:pathMatch(.*)',
        redirect: '/404'
 }