Javascript 如何基于numxt.js中动态路由的参数加载单独的页面？

我正在从事一个nuxt项目，我有一个这样的文件夹结构

• _类别
  • _子类别
    • _pageAlias
      • _post.vue
    • _pageAlias.vue
    • 另一页.vue
    • samplePage.vue
  • _子类别.vue

\u pageAlias.vue、另一个pageAlias.vue、samplePage.vue处于同一级别，工作正常当我必须添加另一个与samplePage类似但URL不同的页面时，问题就出现了。以上所有页面都有不同的页面结构和功能。但是现在我想合并这些功能，并寻找一种方法来定义自定义路由，基于这种方法，我可以检查URL参数，进行api调用，以找出页面的类型并加载相应的组件。 一个我可以做以下事情的中间件

if(router.name === 'category-subcategory-pagealias') {
    let type = axio.get('api'+router.param._pageAlias)
    if(type === 'sample'){
        next({name: 'category-subcategory-samplepage'})
    }
}

简而言之：我想加载一个页面组件，就像基于路由参数的动态组件一样，这样我就不会丢失任何页面方法，比如asyncData。

我曾尝试在nuxt配置中使用extend routes，但在这种情况下不起作用，因为这将是路由器配置中的动态更改。 我不能在页面内使用动态组件；然后我丢失了所有的页面方法