具有多个页面的嵌套路由nuxt3

Question

我想创建一个带有嵌套路由的新编辑页面。以下结构为我的问题奠定了基础。

/pages
  /backoffice
    /creators
      /[id].vue
      /[id]
        /edit.vue
        /new.vue <-- newly added

如果我现在想为我的

[id].vue

组件使用

edit.vue

（这是 #show 路由），我需要在

[id].vue

内部使用 NuxtPage 组件。当请求

/edit.vue

时，

[id].vue

组件会使用

edit.vue

的布局，并将

NuxtPage

组件添加到

backoffice/creators/:id/edit

的“占位符”中。到目前为止，一切都很好。 如果我现在想添加一个名为

new.vue

的组件，则该组件在

backoffice/creators/:id/new

的 url 下不可用。

如何解决这个问题？

Answer 1

我希望我正确理解您的问题。

您的页面结构对我来说无法正常工作：

[id].vue

页面阻止识别

[id]

文件夹内的任何页面。

通过将

[id].vue

页面移动到

[id]

文件夹中并将其重命名为

index.vue

即可正常工作。

新的页面结构是：

/pages
  /backoffice
    /creators
      /[id]
        /index.vue
        /edit.vue
        /new.vue

您可以在这里找到一个工作项目

Answer 2

如果我有无尽的不停歇的嵌套路线（即基于用户创建的相册内的相册）怎么办：

/albums/id/id/id/id/id/id/id/infinity

在 Nuxt 3 中你如何处理类似的事情？