Gridsome中的嵌套路由？答案

【问题标题】：Nested Routes in Gridsome?Gridsome中的嵌套路由？
【发布时间】：2019-12-25 22:33:43
【问题描述】：

在 Gridsome 中，我基本上是在寻找 Vue 的嵌套路由功能（或 Nuxt 的子视图）来实现类似 /:userId/profile 和 /:userId/posts 的功能。而且由于 Gridsome 使用 Vue 路由器，我相信应该有办法实现这一点

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

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

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

Gridsome 中是否有类似的功能？感谢您的帮助。

【问题讨论】：

标签： vue-router gridsome

【解决方案1】：

根据您收到的反馈here：

Gridsome 还不支持子路由。但是，如果您创建一个名为 User 的新内容类型并将每个用户添加为一个节点，您就可以实现您想要的。然后使用 Pages API 为他们生成页面。您创建的页面可以共享一个布局组件。

以同样的方式，您还可以为每个视频生成页面，以获得指向它们的直接 URL。并使用 $fetch() 方法在弹出窗口中加载视频。或者只是在首页查询中查询视频，而不是使用 $fetch()。

【讨论】：