Nuxt JS / Vue中的动态URL路径-Java 学习之路

Nuxt JS基于文件系统创建其路由 . 您通常需要为动态参数设置模板，例如 _id.vue 等 .

但是，我的后端开发人员有一个CMS，它会向JSON发送指向完全动态URL的页面的链接 .

例如 /about-us/people/michael/

我无法提前知道如何使用Nuxt基于文件的系统路由这些类型的URL .

一些链接可能如下所示： /articles/hello-world/ 等 .

有没有关于如何捕获所有路线的信息，无论嵌套有多远？

我可以通过 index.vue 和 _slug.vue （例如 /about-us/ ）来完成第一级 . 除此之外，'s a mystery how I'解决了 /about-us/people/ 等没有抛出 404 .

非常感谢 .

1 回答

你可以用extendRoutes

module.exports = {
  router: {
    extendRoutes (routes, resolve) {
      routes.push({
        name: 'catchall',
        path: '*',
        component: resolve(__dirname, 'pages/catchallpage.vue')
      })
    }
  }
}

回复于 2024-04-26T11:18:36+08:00

Nuxt JS / Vue中的动态URL路径

1 回答

相关问题