共计 528 个字符,预计需要花费 2 分钟才能阅读完成。
前言
在开发 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 中,刷新页面也能拿!
正文完