NextJS动态路由错误404在生产

Question

在我的next.js项目中，我有一个动态路由页面。我根本没有接到任何项目。我只需要导入一个带有data的本地JSON文件。它在开发方面工作得很好，但在生产中，对于每个页面，我只是为不存在的页面采取错误404。

因为我的网站在生产中是完全静态的它是静态的，这可能是一个问题吗?我对这个问题的解决方案是什么?

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", }; }

你需要通过路径，因为你的回退阻塞了。