【问题标题】:Can getStaticPaths accept dynamic slug(s)?getStaticPaths 可以接受动态 slug(s) 吗?
【发布时间】:2021-07-25 02:24:31
【问题描述】:

在一个名为 pages/posts/[...slugs].tsx 的文件中,我有这样定义的 getStaticPaths 函数:

export async function getStaticPaths() {
  return {
    paths: [
      { params: { slugs: ['1', 'hunt-for-the-hidden-reindeer'] } },
      { params: { slugs: ['1'] } },
    ],
    fallback: false
  };
}

我怎样才能使路径只接受{ params: { slugs: ['1'] } } 并接受可能进入的任何其他后续slug。例如,使用一个规则为/1、/1/hello 和1/random 提供相同的静态站点.这可能吗?

【问题讨论】:

    标签: next.js


    【解决方案1】:

    你的问题不太清楚。如果您想为某些规则库 URL 呈现相同的页面,您可以使用 rewrites。但是,如果您想为数组中的某些 slug 创建一个静态页面,则不会生成这样的东西。为了实现为所有slug: /1、slug: /1/hello、slug: /1/random 等呈现相同的页面。您应该隐式写入路径数组的每个元素。

    【讨论】:

    • 感谢您的回答。啊,好吧,我试图让问题尽可能简单,可能遗漏了一些定位细节。我不知道重写,我会使用它们。但是,我可以看到这是生成静态路径的有效用例,我想知道为什么这还不是一个功能。
    猜你喜欢
    • 2022-01-16
    • 1970-01-01
    • 1970-01-01
    • 2011-11-24
    • 2012-07-19
    • 2016-04-27
    • 1970-01-01
    • 1970-01-01
    • 2020-12-20
    相关资源
    最近更新 更多