@TOC前言单页应用,为什么需要服务端渲染?首先根据你项目的情况,当项目追求极致的首屏加载速度时,当项目对seo有强烈的需求时,当项目追求高体验时。一、需要准备的环境一台nginx云服务器(推荐云服务器)。在云服务器上安装node环境。Vue全家桶(vue-cli、vue-router、vuex、axios)。还应建立本地环境。2.注意事项window对象和document对象不可用。这里,具体表现为找不到对象。不要在created生命周期调用接口,在mounted调用。3.配置节点命令`""scripts":{"serve":"vue-cli-serviceserve","build":"vue-cli-servicebuild","build:client":"vue-cli-servicebuild","build:server":"cross-envNODE_ENV=productionWEBPACK_TARGET=nodevue-cli-servicebuild","build:win":"npmrunbuild:server&&movedist\\vue-ssr-server-bundle.jsonbundle&&npmrunbuild:client&&movebundledist\\vue-ssr-server-bundle.json&&cross-envWEBPACK_TARGET=nodeNODE_ENV=productionnode./server/ssr.js","build:mac":"npmrunbuild:server&&mvdist/vue-ssr-server-bundle.jsonbundle&&npmrunbuild:client&&mvbundledist/vue-ssr-server-bundle.json","start":"cross-envNODE_ENV=productionnode./server/ssr.js","lint":"vue-cli-servicelint","dev:serve":"cross-envWEBPACK_TARGET=nodenode./server/ssr.js","dev":"concurrently\"npmrunserve\"\"npmrundev:serve\""},`4.如果要使用外部跳转,请这样写。6.安装forever依赖,可以确保终端已关闭且服务器节点服务仍在。7、路由尽量写成历史模式。你不能先导入它!!{path:'/',name:'index',component:()=>import(/*webpackChunkName:"home"*/'./views/www-index/www-index.vue')},
