Next.js SSR: getServerSideProps 函数

使用 NextJS getServerSideProps函数的 sample code：export async function getServerSideProps(context) {// fetch data from an APIconst req = context.req;const res = context.res;return {props: {meetups: DUMMY_M

小公鸡卡哇伊呀~

2763人浏览 · 2022-02-07 22:31:16

小公鸡卡哇伊呀~ · 2022-02-07 22:31:16 发布

使用 NextJS getServerSideProps 函数的 sample code：

export async function getServerSideProps(context) {
  // fetch data from an API
  const req = context.req;
  const res = context.res;
  return {
    props: {
      meetups: DUMMY_MEETUPS,
    },
  };
}

与 getStaticProps 只在build时生成一遍静态页面，或者定期重新生成页面不同，使用getServerSideProps，页面在每接收到一条传入请求就重新生成一遍。
因为每次请求都是从数据库读数据重新生成页面，页面加载速度会变慢。但是使用getServerSideProps 可以访问 request 对象。
如果页面不是需要每秒更新几次，或者需要访问 request 对象，那么使用getStaticProps 函数更好。