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'
}

版本之间差异还是很大的,所以多看文档多学习。vue3很多使用起来还是很舒服的。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!