Next.js 中的 getStaticPaths 和动态文件夹

Question

我有这样的文件夹结构。

.../[类别]/产品
.../[类别]/新闻

我在使用 getStaticPaths 时遇到了一些问题。在 [category] slug 之后没有更多的动态路由，但是我在让 Next.js 使用 getStaticPaths.

正确预渲染页面时遇到了一些麻烦

大家有什么建议。它适用于 fallback: "blocking"，但这并不是我真正想要的方式。

export async function getStaticPaths() {
  return {
    paths: [
      {
        params: {
          category: "hiking"
        }
      },
      ...
    ],
    fallback: false,
  };
}

编辑：我在 url 中放入什么类别并不重要。 /asdasd/news、/123123/news 等都作为动态路由工作，即使我准确指定要预呈现的类别也是如此。而 index.js 页面 returns 404 不管我做什么。当我做类别：“远足”时，像 /asdasd/news 这样的路线应该 return 404，除非我完全误解了这一点。

Answer 1

我发现了问题。我在 paths.

中遗漏了 locale 属性

paths: [
  {
    params: {
      category: "hiking"
    },
    locale: "en"
  }
],

Next.js 中的 getStaticPaths 和动态文件夹

getStaticPaths and dynamic folders in Next.js

next.js