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