[FE] 有效开展一个前端项目-V3 (Vue CLI / Vue SSR )

通过llama.cpp与羊驼聊天的网页界面- 详解 Serge 的启动使用

 

关于如何有效开展一个前端项目,博客之前已有两篇如下:

 

一些组件已经是过去式,但 Nodejs、Webpack 依旧再用,Vuejs、Vuex、Vue-router、vue-devtools 依旧再用。 

 

记得 gulp 和 angular 已经是 2015~2016 的事,有了 webpack 和 react、Vuejs 之后新项目都已经择新使用。

 

vuejs-templates 是 2017~2018 的事,并且该项目自己的说明中已经不推荐使用,而是推荐了 Vue CLI 来创建新项目。

 

我们知道 Vuejs 的特点是提供了简单好用的方式来创建 SPA 应用,它在这一领域属于佼佼者。

 

但是很多 Web 站点,要面对的是既想使用 Vuejs 和 npm 生态带来的便利,又想兼顾 SEO,那么此时就剩下唯一的选择了:Vue SSR

 

这里我们分析一下,为什么不选择后端直接渲染的方式,如果是个人博客类的站点其实影响不大。

 

但是商业项目要考虑 ①可维护性,那么当然前后端分离,人员分工明确,是比较适合的选择。

 

还要考虑 ②可扩展性,那么前端页面可以完全放到 CDN 上,后端纯接口更易于优化和扩展。

 

另外就是 ③后端复用性,同一个接口,客户端可以是 Web,H5,App,大大减少了前期后端投入。

 

关于 Vue CLI 去使用一下就可以了解大致的选项,下面是我选择的一些,基本是全配置型:

 

关于 Vue SSR,思想就是在启动的 Node Server 中,每次请求来都实例化 Vue,内容渲染成字符再响应给浏览器,

额外有一些使用禁忌需要注意,Nodejs 环境不同于浏览器,没有 DOM、Window 对象。

 

这里再提一下 Prerender,它不需要单独的 Node Server ,成本小,页面不多也不需要动态搜索的可以考虑这种预生成方式。

 

其他支持 JS 渲染引擎的后端也可以做 SSR,但是有点舍近求远,免不了要用JS,那么用 PHPV8js 输出就不如直接交给 Node 了。 

 

posted on 2019-09-22 01:31  ercom  阅读(169)  评论(0编辑  收藏  举报