umi SSR uniapp SSR 失败流程

本文讲述了作者在尝试使用umi和uniapp进行服务端渲染(SSR)时遇到的困难,对比了umi的复杂性、umi3和umi4的差异以及uniapp对V3基础的依赖。最后,作者推荐Nuxt.js作为解决这些问题的易用选择。
摘要由CSDN通过智能技术生成

公司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的🐕

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值