Next.js getStaticProps 在标头中不起作用

Question

我试图通过我的标头中的 api 获取一些信息。但行不通。我的代码。

export async function getStaticProps() {
  console.log("test")
  const res = await fetch(`https://api.namefake.com`)
  const data = await res.json()

  if (!data) {
    return {
      notFound: true,
    }
  }

  return {
    props: { data }, 
  }
}

我将 console.log 放入函数中以测试该函数是否运行。但控制台中没有任何显示。我在 _app.js 中尝试过，它有效，但我想在标头中使用。我正在使用页面布局。布局 ：

import Header from './header'

export default function Layout({ children }) {
    
    return(

  <>
    <Header/>
      
    {children}
</>
    );
}

_app.js

import Layout from './layout'

function MyApp({ Component, pageProps }) {
  <Layout>
   
    
    <Component {...pageProps} />
    </Layout>
    </>
  );

}
export default MyApp

Answer 1

像 getStaticProps() getServerSideProps() 这样的函数是服务器端函数，不会传递到客户端，因此它仅在页面组件（pages/index.js）中起作用，而在通常传递给客户端包的组件中不起作用