当前位置: 首页 > 网络应用技术

CSR / SSR / SSG

时间:2023-03-05 20:26:34 网络应用技术

  VUE / React Nude Framework使用JS功能动态填充HTML以动态渲染浏览器。搜索引擎无法掌握有关该页面的任何信息。

  缺点:

  ...

  实际上,在文章列表页面中,每个用户的内容相同。那么,为什么您仍然需要在每个人的浏览器上渲染呢?为什么不呈现后端,然后将其发送给所有人,以便n时的渲染变成一个渲染,而n -Client渲染效果成为一个静态页面生成。

  获取数据方法:

  实施SSG:

  SSG数据仅在服务器上获得。我该如何将其传递到前端?找不到Ajax请求。

  检查生成的DOM结构并找到一个特殊的脚本标签:

  有存储到组件的道具数据

  找到本地构建后:

  直接生成接口的数据

  查看生成的索引。html结构:

  页面与用户状态有关。例如,不同类型的用户需要显示不同的内容,并且不能静态。只有两个解决方案:

  结果:

  呈现页面的后端返回到HTML字符串格式,传递到前端,而前端由水合()执行。它将保留HTML并附加时间监控。也就是说,后端渲染HTML被添加到前端。

  前端还将渲染一次,以确保前端和后端的结果保持一致

  ReactDomserver -React

  参考:

  Next.js如何进行预付款