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();