此问题已在此处有答案：

How to fetch data server-side in the app directory of Next.js? Tried getStaticProps but it's returning undefined（2个答案）
14天前关闭
第一次使用NextJS构建应用程序。我正在尝试从数据库中获取产品。
我的产品文件夹结构如下：

products
|__[category]
|  |__page.tsx
|  |__[subcategory]
|     |__page.tsx
|_page.tsx

现在问题不在于数据获取，而是getServerSideProps-function甚至没有被触发。这就是我的[category] -> page.tsx的样子：

import ProductsPageLayout from '../components/ProductsPageLayout';

export default function CategoryProducts({ products }: any) {
    return (
        <>
            {JSON.stringify('PRODUCTS - C ', products)}
            <ProductsPageLayout products={products} />
        </>
    );
}

export async function getServerSideProps(context: any) {
    console.log('LOGGING!!!!!!!')
    const { category } = context.params;
    const res = await fetch(`http://xxx:xxxx/api/products/${category}`);
    const products = await res.json();
    console.log('C - CONTEXT ', context);
    console.log('C - RES ', res);
    console.log('C - REPO ', products);

    return { props: { products } };
}

那么问题是什么呢？我已经尝试了我能做的一切，无论我做什么，第二个函数（getServerSideProps）都没有被触发。我是否缺少任何设置，我的文件夹结构是否错误？我没有对我的next.config.js文件做任何操作。我知道这是个新手问题，但我无论如何也弄不明白。