服务器端渲染 (SSR)

也称为“SSR”或“动态渲染”。

如果页面使用服务器端渲染，则页面 HTML 将在每次请求时生成。

要对页面使用服务器端渲染，您需要export一个名为getServerSideProps的async函数。此函数将在每次请求时由服务器调用。

例如，假设您的页面需要预渲染频繁更新的数据（从外部 API 获取）。您可以编写getServerSideProps，它获取这些数据并将其传递给Page，如下所示

export default function Page({ data }) {
  // Render data...
}
 
// This gets called on every request
export async function getServerSideProps() {
  // Fetch data from external API
  const res = await fetch(`https://.../data`)
  const data = await res.json()
 
  // Pass data to the page via props
  return { props: { data } }
}

如您所见，getServerSideProps类似于getStaticProps，但区别在于getServerSideProps在每次请求时运行，而不是在构建时运行。

要了解有关getServerSideProps工作原理的更多信息，请查看我们的数据获取文档。