乐于分享
好东西不私藏

给个人网站加一个 AI 生图工具,我把浏览器

给个人网站加一个 AI 生图工具,我把浏览器

给个人网站加一个 AI 生图工具,我把浏览器

想在纯静态网站加个 AI 生图工具,最大的坑就是浏览器。

作者用 Astro 搭了个纯前端页面。用户自己填 API Key,直接调接口。结果一路踩坑,最后靠 Cloudflare Worker 中转才搞定。

纯前端行不通:浏览器有跨域限制,很多接口不让直接调。本地中转只能自己用,访客一打开就抓瞎。
Worker 得配自定义域名:免费版够用,但 workers.dev 容易被墙。绑上自己的域名,SNI 伪装成自己,请求就通了。
中转必须原样透传:图片是二进制数据,千万别当文本读。直接把请求流转发出去,不然图片会损坏。
长连接会被代理掐断:AI 生图要等 60 秒,期间没数据流动。机场节点容易把这静默连接砍掉。给相关域名加直连规则就行。
各家接口脾气不同:有的只返回 URL,有的只给 base64。下载失败还得走中转重试。报错也得把原始信息露出来,别混为一谈。

做重交互工具,别指望浏览器能搞定一切。

原文给个人网站加一个 AI 生图工具,我把浏览器能踩的坑都踩了一遍
作者提示: 个人观点,仅供参考
广东,2小时前,