SSR制作网站你需要知道的知识点

前言

在开发SSR网站的时候，我相信大家或多或少会遇到好多问题，但是了解SSR网站的本质之后，这些都不是问题，下面就分享一下我的总结，希望能够帮助到大家！

总结

以next.js为例

1、页面第一次加载或者跳转到某个页面、刷新页面的时候，都会先getServerSideProps方法中拿数据再渲染到客户端浏览器

2、getServerSideProps方法中的数据会全部缓存到客户端浏览器__NEXT_DATA__中，所以其它页面需要这个数据不需要再请求，可以直接拿了。

3、getServerSideProps接口请求传递cookie要从context中拿，请求完之后如果后台接口有set-cookie又要从ctx.res.setHeader.set-cookit带回客户端浏览器

4、getServerSideProps数据可以注入到客户端浏览器中，但是客户端的数据不能注入到服务端，举个例子：你点击登录之后请求完接口返回用户的信息是客户端获取的数据，这个时候你刷新页面登录信息会丢失，为什么？因为客户端数据服务端(刷新页面进入getServerSideProps方法时)获取不到，这也就是为什么开发者要把登录信息如token存储到cookie中，刷新页面也能拿！