NextJS 动态路由在生产中出现 404 错误

Question

在我的 next.js 项目中，我有一个项目的动态路由页面。 我根本不获取项目。 相反，我只是导入一个包含数据的本地 JSON 文件。 它在开发方面工作正常，但在生产中，对于每个页面，我只是为不存在的页面采取错误 404。

因为我的网站在生产中是整个 static 它是 static，这可能是个问题吗？ 我对这个问题的解决方案是什么？

import React from "react";

import { projects } from "./../projects/content";

const Project = (props) => {
  const project = props?.project;

  if (!project) return null;

  return (
   // some code
  );
};

export default Project;

export async function getStaticProps({ params }) {
  const project = projects[params.project.toLowerCase()];

  if (!project) {
    return { notFound: true };
  }

  return {
    props: { project: project },
  };
}

export async function getStaticPaths(context) {
  return {
    paths: [],
    fallback: "blocking",
  };
}

Answer 1

export async function getStaticPaths(context) { return { paths: [{ params: { id: '1' } }, { params: { id: '2' } }], fallback: "blocking", }; }

您将需要通过路径，因为您的回退正在阻塞。