前言

在开发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中,刷新页面也能拿!