Vue服务端渲染

Posted 2020-11-20 zhansu

　　最近一直在做一个商业化网站，既然是个人的商业化网站，肯定要投放广告一类的东西，要想获取更多访问量，肯定要做好SEO。我们知道，现在流行的前端框架，

像Vue和React，都是做的前端渲染，大量的页面DOM是用JS生成的，对于国内的百度这类搜索引擎，是检索不到JS动态生成的内容的，因此访问量肯定上不去，必须做

服务端渲染。因为个人更喜欢Vue的快速开发能力，便决定做Vue服务端渲染。看了下Vue服务端渲染的文档，实在是太复杂了，要非常熟悉Webpack的配置等一类的东西。

对于我的网站，页面内容并不多，可以换一种变通方式，那就是用prerender-spa-plugin做预渲染。到了prerender-spa-plugin的github上，下载下其代码，跑了一下示例，

然后把自己的网站内容适配进去，npm run dev很完美，然后npm run build进行服务端资源构建，发现在自己的node服务上不能跑。各种尝试，发现自己搞错了webpack的

文件构建路径，build文件夹应该放在服务器根目录里面才对，build并不是要替换成服务器的根目录，之后一切顺利。

　　在自己做商业化网站的过程中，也逐渐清楚了自己今后要学习的内容和方向，web前端这一块基本不需要在投入太多时间了，今后的方向应该是node.js，mongodb，

webpack和微信开发。若以后要去其他公司，可以重点考虑这四块的内容。