vue-ssr方案重构老项目 解决SEO的调研

一 node框架选型

框架对比参考：https://www.cnblogs.com/souvenir/p/6039990.html

1.hapi

https://hapijs.com/

大型复杂项目

2.express

http://www.expressjs.com.cn/

node 成熟框架

3.koa

https://koajs.com/

node 新型框架 做 ssr 不要用 koa （客户端热重载有坑），纯后端项目用 koa

4.egg

https://eggjs.org/zh-cn/

阿里开发 企业级别 应用不多

 

我们已经看了三个框架还算不错具有代表性的一些样例代码。Express仍然是当下最为流行，以及最被人所知晓的框架。当开始一个新的开发项目时，可能大家的第一反应就是用Express来创建一个服务。但是现在更希望大家多考虑考虑使用Koa或者Hapi。Koa积极拥抱ES6的语法，展示了promise的真正魅力

二前端框架

1. vue 轻量 上手快

2.react 学习成本较高 上手慢

三 后端渲染ssr

1 vue-ssr

一种是基于官方Vue SSR指南文档的官方方案，一种是vue.js通用应用框架--NUXT

star: https://github.com/nuxt/nuxt.js . 20.9k

vue 的 ssr 现在处于一个开箱即用的状态，很多优化 vue 已经自己帮你做了，比如这个仓库里的所有优化: https://github.com/walmartlabs/react-ssr-optimization 毕竟 vue2.0 已经一年了

示例：简书 B站 掘金 微博手机版 大搜车

2 react-ssr

star: https://github.com/alexnm/react-ssr . 377

start: https://github.com/oayres/react-ssr . 56

示例：知乎 https://readhub.me

四 php与vue-ssr对比实验

https://www.cnblogs.com/qcloud1001/p/9962253.html

 

重构方案参考：https://juejin.im/post/5a473a2df265da431441098c#heading-6

 

 

目前前端这边比较倾向使用node :express框架+ vue + vue-ssr 方案重构