学习笔记《Vue 的 SSR》

Server-side rendering (SSR) is a design concept for full-stack web apps that provides a rendered page to the browser. The idea is that the page can be shown while the user waits for scripts to be downloaded and run.

同一个地址,当用户在 Url 中直接访问的时候,就直接 SSR 输出,当用户点击站内链接访问的时候,则正常 SPA 载入数据,SSR 这种代码设计的概念,就是为了满足这一需求,一套代码,实现两种载入方式,这个想法真的是挺美的~

Vue 有详细的 SSR 使用的文档:
https://ssr.vuejs.org/

Pre-rendering 的局限:

Pre-rendering 也是一种 SEO 问题的解决方案,但是局限也非常明显:

Some pages, like the front page of your site, will probably contain general content i.e. content that all users will view the same. But other pages, like admin pages, will contain user-specific content, for example a user’s name and birth date.

The limitation of PR is that it can’t be used for pages that contain such content. As I just said, the pre-rendered templates are only made once and can’t be customised. SSR does not have this limitation.

SSR 前后的比较:

传统模式 SSR
缺点 SEO问题 增加了复杂度
代码运行环境 各种浏览器 服务器(V8)
优化方向 文件合并压缩 CPU内存使用
技术侧重 传统前端技术 Node.js

问题:

根据 SSR 的原来,PHP 是否可以做 SSR 呢?比如将所有前端路由所需要使用到的 ajax 接口提前配置好,然后 CURL 到数据后送给一个 ssrData 的对象,再通过 Vue 操作 ssrData 将数据导入到 Vuex 呢?

因为自己做的产品是工具类的,所以不特别具有 SSR 的需求,后续在实际运用的时候,会进一步的补充这篇文档

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • PLEASE READ THE FOLLOWING APPLE DEVELOPER PROGRAM LICENSE...
    念念不忘的阅读 14,602评论 5 6
  • 很久很久以后 已经习惯了不再去想很久很久以前的那个人 我用了多久来习惯现在的自己 你不知道 从你彻底消失在我的生活...
    TS唐阅读 2,790评论 0 0
  • 如果你自己不强大,那些社交其实没有什么用,只有等价的交换,才能得到合理的帮助。我们都有过参加一个聚会发现无话可说甚...
    卖眼镜的画画熊Rx阅读 1,864评论 0 4
  • 地震过后,刘团长奉命带队救援。十万火急,刘团长带领部下连夜急行军,然而在距灾区不足20公里处,道路嘎然阻断。无奈之...
    紫小鹿阅读 3,660评论 1 11
  • 1、国务院常务会议:部署深入推进以人为核心的新型城镇化,更大释放内需潜力;确定进一步化解钢铁煤炭行业过剩产能的措施...
    天天金融阅读 606评论 0 0

友情链接更多精彩内容