Vue SSR:服务端渲染详解

服务端渲染(SSR)是指在服务器端(这里指 Node.js 后台)将 Vue 组件渲染成 HTML,然后发送到浏览器。

优点:

* 提升 SEO:搜索引擎可以直接读取渲染后的完整页面内容。

* 加速页面加载:浏览器接收的是已经渲染好的 HTML,所以加载更快。

缺点:

* 需要 Node.js 服务端支持。

* 增加服务器压力。

简单上手:

1. 体验 SSR 效果

2. 搭建服务端渲染

依赖:

* 前端:Vuex 3.0.1, Vue 2.5.16, Vue Router 3.0.1

* 后端:Express 4.16.3

* 部署:Webpack 4.16.0, Webpack CLI 3.0.8, Webpack Dev Server 3.1.4, webpack-node-externals 1.7.2, vue-loader 15.2.4, babel-core...

zip 文件大小:1.9MB