Nuxt JS 基于文件系统创建其路由。您通常需要为动态参数设置模板,例如 _id.vue
等。
但是,我的后端开发人员有一个 CMS,它可以输出 JSON,其中包含指向完全动态 URL 上的页面的链接。
例如/about-us/people/michael/
我无法提前知道应该如何使用 Nuxt 基于文件的系统来路由这些类型的 URL。
某些链接可能类似于:/articles/hello-world/
等
是否有任何关于如何捕获所有路线的信息,无论嵌套有多远?
我可以通过使用 index.vue
和 _slug.vue
来完成第一级(例如 /about-us/
)。除此之外,我如何解决 /about-us/people/
等而不抛出 404 是一个谜。
非常感谢您的帮助。
最佳答案
您可以使用extendRoutes
module.exports = {
router: {
extendRoutes (routes, resolve) {
routes.push({
name: 'catchall',
path: '*',
component: resolve(__dirname, 'pages/catchallpage.vue')
})
}
}
}
关于javascript - Nuxt JS/Vue 中的动态 URL 路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51638038/