vue的官方提供了服务端渲染的方法,但没有做成框架发布出来,而是让开发者自己按照里面的步骤一步一步去搭建,然而里面的步骤十分多,要看懂例子也十分困难。
这样大家就遇到了一个问题,读ssr原理本身不熟的同学们,搭建起来十分吃力,大部分人多中途放弃了。
在这里我分享一个成熟的搭建好的ssr框架,minissr。他是基于vue官方的技术,搭建出来的。使用方法十分方便,拿到它的源码后,一个命令就可以部署测试了:
npm install
npm run ssr
框架的地址如下:
https://www.wechatmini.com/vue/minissrdetail
通过观察生成的源代码,你会发现,当我们请求地址的时候,内容已经添加到div里面去了,不再依赖于js来修改div的内容。
我身边大部分使用vue开发官网的同学们,都使用这个框架来做seo优化了,因为用他开发跟做普通vue的开发差别很小,只是启动的命令不同。
假如大家不想使用php这些老技术做网站开发,却又想做seo优化,想对搜索引擎友好,那么minissr就是你的最佳选择了。