nextJS中getServerSideProps和getStaticProps

自己做下实验很容易看出区别,个人的总结如下:

  1. next通过导出的函数来区分这个页面是哪种渲染,所以这两个函数在一个页面里面只能存在一个。
  2. 这两个方法调用的时机,都是在浏览器渲染之前,也就是说没有documentwindow之类的对象
  3. getStaticProps是在打包的时候将外部数据传入组件(开发的时候是每次请求的时候更新数据)
    getServerSideProps每次在服务器接到请求的时候更新
    看名字也能区分。
  4. 特别要注意这些方法运行环境的问题,比如,baseurl不能写相对地址,因为getServerSideProps执行的时候是在服务器上进行的,所以相对地址也不对。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容