Gridsome 中的嵌套路由?

Nested Routes in Gridsome?

在 Gridsome 中,我基本上是在寻找 Vue 的嵌套路由功能(或 Nuxt 的子视图)来实现类似 /:userId/profile 和 /:userId/posts 的功能。由于 Gridsome 使用 Vue Router,因此我相信应该有一种方法可以实现这一点

让我试着解释一下我想用 Gridsome 构建什么:

mywebsite.com/ 我想显示一个图像网格,显示我的视频组合的缩略图。然后当您单击缩略图时,我希望弹出一个显示视频的模式。模态是半透明的,在背景中显示投资组合。到目前为止,一切都很好。

但是为了让人们能够分享相应视频的 URL,我需要将路径更改为 mywebsite.com/video-1 等等。当我关闭模式时,路径应该再次 mywebsite.com/ 。这是我在 Nuxt 中已经实现的 <child-view>

Gridsome有没有类似的功能?感谢您的帮助。

根据您得到的反馈here

Gridsome doesn't support child routes yet. But you can kind of achieve what you want if you create a new content type called User and add each user as a node. Then generate pages for them with the Pages API. The pages you create can share a layout component.

In the same way, you can also generate pages for each video for having direct URLs to them. And use the $fetch() method to load a video in a pop-up. Or just query the videos in the front-page query instead of using $fetch().