Nuxt.js中的无限动态级别嵌套

Question

我想让nuxt.js的路由完全动态，因为我无法预测用户及他对他希望拥有的关卡数量的偏好。

所以一个用户会创建一个这样的页面：
http://localhost/parent/level-1/level-2/

其他一些人会这样做：
http://localhost/parent/level-1/level-2/level-3/level-4/level-5/level-6/level-7/

nuxt.js有没有办法使用这种无限的嵌套路由？

Answer 1

你应该只能制作一个文件：

pages/_.vue

这将捕获与更具体请求不匹配的任何请求。

但请注意，这会产生意想不到的后果。例如，您可能希望返回404错误等，并且使用此方法将始终导致任何路由匹配。这让开发人员决定如何处理丢失的页面。

Answer 2

我在回答我自己的评论-这是“如何根据给定的答案验证完全动态的url->使用_.vue，然后处理所有内容。 也许对某人有帮助。

每当您_.vue使用validate方法时，向return false模板添加验证都会带回错误页面。 就我而言，我每页都有一个api端点，可以通过将以下内容添加到_.vue页面组件中来验证完全动态的url：

async validate({ $axios, route }) {
    const url = getMyApiEndpointUrl(route.path)

    try {
        await $axios.$head(url)
        return true
    } catch (e) {
        return false
    }
}