VUE / React Nude Framework使用JS功能动态填充HTML以动态渲染浏览器。搜索引擎无法掌握有关该页面的任何信息。
缺点:
...
实际上,在文章列表页面中,每个用户的内容相同。那么,为什么您仍然需要在每个人的浏览器上渲染呢?为什么不呈现后端,然后将其发送给所有人,以便n时的渲染变成一个渲染,而n -Client渲染效果成为一个静态页面生成。
获取数据方法:
实施SSG:
SSG数据仅在服务器上获得。我该如何将其传递到前端?找不到Ajax请求。
检查生成的DOM结构并找到一个特殊的脚本标签:
有存储到组件的道具数据
找到本地构建后:
直接生成接口的数据
查看生成的索引。html结构:
页面与用户状态有关。例如,不同类型的用户需要显示不同的内容,并且不能静态。只有两个解决方案:
结果:
呈现页面的后端返回到HTML字符串格式,传递到前端,而前端由水合()执行。它将保留HTML并附加时间监控。也就是说,后端渲染HTML被添加到前端。
前端还将渲染一次,以确保前端和后端的结果保持一致
ReactDomserver -React
参考:
Next.js如何进行预付款