Vue.js 如何vue路由器使用动态参数要求匹配？

我在路由器中定义了一个动态参数。此参数接收某些参数值​​即使它是动态的

例如：

{
  path: '/:type',
  component: List,
}

路由器可以接受2或3个参数。例如，它可以采用的参数是“实际”和“存档”

当用户键入“：//localhost:8080/actual”或“：//localhost:8080/archive”以外的参数时，我想重定向到404。我可以在.vue文件中执行此操作，但我想在路由器文件中进行调整。

您可以在路由配置本身上设置

{
  path: '/:type',
  component: List,
  beforeEnter: (to, from, next) => {
    //check the params
    if(to.params.type === 'actual' ||to.params.type === 'archive'){
      next();
    }else{
      next('/404');//error route
    }
  }
}