Vue 服务端渲染SSR

服务端渲染SSR

juejin.cn/post/720448…

好处

• 利于SEO
• 渲染更快

坏处

• 服务器负载，占用CPU资源
• 服务器端、浏览器端环境差异问题，document对象找不到的问题
• 服务端渲染时，只会执行到组件beforeCreate,created生命周期钩子，项目中引用的第三方库要考虑是否支持

方案一：Vue插件vue-server-render

• （1）安装, 注意vue-server-renderer 和 vue 必须匹配版本

npm install vue vue-server-renderer --save 

• (2) 配置app.js文件,entry-client.js文件,entry-server.js文件
• （3）根目录下创建server.js文件
• （4）根目录下新增config文件夹，新增webpack.base.config,webpack.client.config,webpack.server.config,setup-dev-server

方案二：基于vue的nuxt.js应用框架