【问题标题】:dynamic routing with nextjs before the page name页面名称前带有 nextjs 的动态路由
【发布时间】:2021-12-04 13:22:12
【问题描述】:

我正在使用 Nextjs 的反应,我想在页面名称之前而不是之后使用动态名称。

例如,我有 2 个文件 about.tsx 和 music.tsx 希望加载为:

本地主机:3000/关于

本地主机:3000/音乐

我想要的是:

localhost:3000/nirvana/about

localhost:3000/nirvana/音乐

localhost:3000/metalica/about

localhost:3000/metalica/音乐

并且能够在页面名称之前识别动态slug,这样我就可以知道哪个乐队名称是,有人知道如何使用nextjs做到这一点吗?

谢谢

【问题讨论】:

  • 那篇文章只解释了在最后使用 slug 在我的情况下我希望能够在页面名称之前添加,因此页面名称是固定的,并且之前的 slug 是动态名称跨度>

标签: javascript reactjs routes next.js


【解决方案1】:

您可以创建pages/[music_type]/about.jspages/[music_type]/music.js 文件以使music_type 动态化。你甚至可以通过创建pages/[music_type]/[sub].js为'/about'和'/music'添加动态路由

【讨论】:

  • 如果这个答案有帮助,请告诉我
  • 我只能在页面名称之后而不是之前找到有关使用 slug 的信息,如果您知道如何做到这一点,请告诉我,谢谢
  • 这个答案已经解释了如何创建动态路由。如果您已尝试上述解决方案,请更新您的问题以显示您的尝试,以便我们帮助调试。
猜你喜欢
  • 2020-04-06
  • 2020-09-01
  • 2022-07-08
  • 2021-04-01
  • 1970-01-01
  • 2012-01-11
  • 2021-04-30
  • 1970-01-01
  • 2021-06-22
相关资源
最近更新 更多