AI Agent 开发者踩坑实录：从 Next.js 迁移至 Vite 后的 Cloudflare 缓存困局

一位开发者在构建基于 AI Agent 技能收录的导航站 bataitools.com 时，遇到了典型的高并发架构优化难题。该项目最初采用 Next.js 框架开发，但在实际部署中频繁遭遇 CPU 执行超时问题，这在 Serverless 或边缘计算环境中是常见的性能瓶颈。为了解决超时限制，开发者将技术栈重构为 Vite 进行构建，这一改动虽然成功解决了 CPU 计算超时的报错，却引发了新的效能与缓存矛盾。尽管开发者在 Cloudflare 平台上启用了页面缓存以及 KV（键值对）缓存机制，但实际访问体验依然迟缓。通过排查后端日志发现，大量请求仍然穿透缓存层直接击中源服务器，并未实现预期的静态化加速。这一现象与 Next.js 成熟且自动化的缓存策略形成了鲜明对比，暴露了在从传统 SSR 架构向纯静态或边缘侧架构迁移过程中，开发者对 Cloudflare 边缘缓存机制的匹配规则与生效原理存在认知盲区，导致缓存配置形同虚设。

事件分析

💡 核心观点：架构迁移并非简单的语法转换，理解边缘平台缓存机制的“黑盒”逻辑，是保障 AI 应用性能稳定的关键。