当vuejs中不存在路由器链接时，重定向至某个页面

Question

路由器链接的定义如下：

const routes: Array<RouteConfig> = [
{
path: '/',
name: 'Home',
component: () => import('../views/Home.vue')
},
{
path: '/about',
name: 'About',
component: () => import('../views/About.vue')
}
]

当所定义的链路以外的链路被调用为类似'/contact'时，必须将其重定向到'/'。除了导航保护之外，还有其他方法吗？比如我们在有角度的路线中使用.otherwise？

Answer 1

在routconfig数组中添加{path: '*', component: () => import('../views/PageNotFound.vue')}，其中PageNotFound只是另一个组件。您可以在PageNotFound组件中添加任何您喜欢的内容，也可以将其命名为其他内容。将其添加为数组中的最后一个元素