公司bsss想升级一下官网,不知从哪里看的umi框架,就让小弟我去搞,从来没接触过react啊,库库看了半天视频。撸出来一个简单的页面。bsss右键让查看源代码,单页面没有seo,于是去搞,百度一下,说用什么服务端渲染,也就是SSR。去官方文档看,不对劲啊,怎么不支持SSR,那我搞集贸啊。仔细一想,用umi3应该也能搞吧。遂整之,照着官方文档去走,卡在没有某某函数上了,下载github上的前人经验,npm i + run dev,不行,我直接红温了。又因为请求种种,觉得自己写的请求有问题,可能不符合ssr的标准,遂放弃umi。
转到uniapp,查看官方文档,信誓旦旦的,看着很正儿八经。于是按以下流程走:uniapp创建普通uniapp项目,点上阿里云,抄官方文档的实例代码,运行,您猜怎么着,报错了,此时大脑又红温了,改了下页面,保存,成了!?把浏览器启动的关了,运行,报错了,我发现每次修改完保存,会给我成功的假象,其实第一次启动还是不行,我不清楚这是正常还是不正常。于是反复观看官方文档,发现要配个什么东西,配完了,不行,怀疑是自己写的请求依然有问题,重搞了一个没接口的,成了,第一次启动页面没错误,但是写接口还是不行,愤怒的关掉了uniapp。
于是去bilbil搜有没有什么vue+ssr的解决方案,发现了以下几种:原生vue,vite,nuxt。实验nuxt,发现真好用,右键查看源代码就是正常有数据的,写接口调用再次碰壁,百度,搜出来了,照抄,没问题,这个是真无敌,对于没脑程序员非常好用,不过接口的不是axios不是很服。
总结,umi自带的ssr像大奋,百度搜的文章十有九十都是不能直接无脑用的,因为都是umi3的教程,umi4一出屁事很多,脚手架还切不回去umi3版本。uniapp的虽然言简意赅,但是怎么着都得需要有点v3做ssr的基础,因为那命令按着走我走不起来,可能因为我对v3和v3的ssr不熟悉,而且官方文档总让配合它们自己的服务器托管去使用,很不爽,也不清楚是不是必须得买(虽然有免费的阿里使用次数)。
吹一下nuxt,简直是笨比福音,强烈建议每个喜欢不思考的人使用nuxt3,不会的问题随便bing、baidu一下就有解决方案,我是nuxt的🐕