Next.js 使用 getStaticPaths 捕获所有路由未按预期工作

Question

Next.js 捕获所有不适用于getStaticPaths的路线。 根据文档，我想导航到t/a.cat和t/a.cat/a.id ，但它仅适用于t/a.cat/a.id 。

export const getStaticPaths = async () => {
    await fetch(`http://localhost:8000/foods`).then((res) => {
        const data = res;
        const paths = data.map((a) => ({
            params: {
                t: [a.cat, a.id],
            },
        }));
        return {
            paths,
            fallback: false,
        };
    });
};

Answer 1

那是因为您只在路径中返回t: [a.cat, a.id] 。 您还需要在路径中返回t: [a.cat] 。

const paths = data.map((a) => ([
    { params: { t: [a.cat] } }
    { params: { t: [a.cat, a.id] } }
])).flat();