Img 项目无法在 Cloudflare 上部署
内容提要
作者与开源社团分享作品集时遇到了图片放大问题和alt文本消失问题,通过检查Git提交和Cloudflare Pages部署日志解决了问题。作者更新了代码,使用了Cloudflare的REST API。经验教训包括简洁性、使用REST API、提升JavaScript技能。
延伸解读
从本地正常到线上报错:环境差异的陷阱
作者在本地测试时 console.log(data) 输出正常,但部署到 Cloudflare 后却返回 Response 对象,导致 JSON.parse 失败。这提醒我们,本地与云端环境可能存在差异,尤其是依赖 SDK 时。排查此类问题,不能仅凭本地结果,需结合部署日志和线上实际行为,才能定位根因。
SDK 与 REST API 的取舍:简洁性优先
作者最初使用 Cloudflare SDK 获取 KV 数据,但遇到解析错误后,在他人建议下改用 REST API 直接 fetch,问题得以解决。这并非否定 SDK,而是说明在时间有限、SDK 行为不透明时,直接调用 REST API 往往更简单可控,也更容易调试。
调试过程暴露的 JavaScript 基础短板
作者在协作调试中意识到自己对 JSON.parse 与 JSON.stringify 的区别、异步返回值类型等基础概念掌握不牢,感到羞愧。这反映出实际项目中的问题常会暴露知识盲区,正视并补足基础,比单纯追求框架熟练更重要。
面对焦虑:把不适感视为成长信号
作者在无法找到解决方案时感到恐慌和自我怀疑,甚至讨厌问题本身。但随后说服自己,若想进步,这类情况会更常见。接受这种不适,才能挑战更难的问题。这种心态调整,对开发者持续成长具有普遍参考意义。
Q&A
作者在分享作品集时遇到了什么问题?
作者遇到了图片放大问题和alt文本消失问题。
作者是如何解决图片放大问题的?
作者通过检查Git提交和Cloudflare Pages部署日志逐步解决了图片放大问题。
alt文本消失的问题是如何产生的?
alt文本消失的问题源于JSON解析错误。
作者在调试过程中学到了什么?
作者意识到使用Cloudflare的REST API比SDK更有效,并且需要提升自己的JavaScript技能。
作者在解决问题时感受到了什么情绪?
作者经历了自我怀疑和焦虑,但最终意识到面对挑战是成长的必要过程。
作者更新代码后使用了什么方法获取alt文本数据?
作者使用fetch方法从Cloudflare获取alt文本数据。