Nuxt 中同一级别的多个动态路由可能吗？

Posted 2023-02-22

【中文标题】Nuxt 中同一级别的多个动态路由可能吗？

【英文标题】：Multiple dynamic routes on the same level in Nuxt possible?

【发布时间】：2021-05-23 21:12:43

【问题描述】：

在 NuxtJS 中是否可以在同一级别上拥有多个动态路由？

我试过了，但它不起作用：

pages
--_article.vue
--_city.vue

我正在使用 Nuxt Content，并希望在同一页面级别上以独特的布局/设计动态加载不同的内容。

【问题讨论】：

你的意思是子路由吗？就像您有一个页面，并且在该页面中您有不同的路线。例如，您有这样的帐户页面/帐户，并且其中有不同的页面。 /account/main, /account/更改密码。像这样？

我正在寻找一种在顶层提供不同内容的方法，如下所示：/article1、/article2、/city1、/city2 等。但每个都有不同的布局/设计两种类型的内容。不确定 Nuxt 是否有可能

如果您接受我的回答，如果它对您有用，我将不胜感激。 ***.com/help/someone-answers

【参考方案1】：

您可以简单地为城市和文章创建两条不同的路线，并在它们下动态生成路线。例如，您的 pages 文件夹应如下所示：

---| article
-----| _slug.vue
---| city
-----| _slug.vue

有了这个，你可以实现如下路线： /city/:city_id /article/:article_id