prompt-optimizer如何将 Web 构建产物部署到 Nginx、OSS 等静态托管平台【免费下载链接】prompt-optimizerAn AI prompt optimizer for writing better prompts and getting better AI results.项目地址: https://gitcode.com/GitHub_Trending/pro/prompt-optimizer如果你的模型服务支持浏览器跨域访问主要连接公开 HTTPS 的模型 API又不需要访问http://localhost这类本地接口prompt-optimizer 的 Web 版可以作为一个纯前端静态站点部署到 Nginx、OSS、S3 或其他任意静态托管平台。需要先明确它的定位Web 版只是前端页面不是模型代理层——模型请求会由浏览器直接发往你配置的模型服务部署在哪个静态托管平台都不改变这一点。本文覆盖的路径是在本地完成构建得到 Web 前端产物再把它上传/发布到 Nginx、OSS、S3 等静态托管环境并说明部署后的验证方式和这套方案的已知限制。本地构建 Web 前端产物构建在仓库根目录进行。根目录 package.json 声明了环境要求Node.js^22.0.0、packageManager为pnpm10.6.1并且engines中明确提示使用 pnpm 而不是 npm 或 yarn。先克隆仓库然后在仓库根目录执行pnpm install pnpm build根目录的build脚本是node scripts/run-many.js build:core build:ui build:parallel它会依次构建 core、ui、web 等包。注意这里会连带构建浏览器扩展extension和 MCP 相关之外的产物如果你只需要 Web 前端文档给出的标准做法仍是直接执行pnpm buildWeb 前端产物最终位于packages/web/dist构建完成后检查packages/web/dist中是否生成了index.html和静态资源文件。确认产物完整后进入发布环节。发布产物到静态托管平台文档中 Web 版部署 给出的结论是把packages/web/dist部署到 Nginx、OSS、S3、Cloudflare Pages 或其他静态托管平台即可。按平台分两类常见做法Nginx把packages/web/dist中的内容上传到服务器某目录将 Nginx 站点的root指向该目录即可。项目是单页应用仓库为 Vercel 和 Cloudflare 配置了index.html回退根目录 vercel.json 中/.路由重写为/index.htmlwrangler.jsonc 中not_found_handling设为single-page-application因此在 Nginx 中保留一条把未命中路径回退到index.html的规则是等价的配置方式server { listen 80; server_name example.com; root /var/www/prompt-optimizer; # 指向上传 packages/web/dist 内容的目录 index index.html; # 单页应用回退未命中的路径返回 index.html try_files $uri $uri/ /index.html; }OSS / S3 等对象存储开启存储桶的静态网站托管把packages/web/dist的内容上传到桶内将索引文档设置为index.html并把站点域名指向该桶。root路径、域名和存储桶的访问配置请按你实际使用的平台替换其余结构不变。验证部署结果访问你配置的站点地址应能看到 prompt-optimizer 的界面加载出来而不是 404 或空白页。文档强调不要在公开站点预置模型 API KeyVITE_*变量会进入前端构建产物访问者可以在浏览器下载到这些值。所以公开站点应让使用者在应用界面的模型管理中自行填写自己的 API Key在模型管理中填入一个可用的模型服务后发送请求能正常收到模型响应即说明页面与模型服务的链路是通的。如果页面能打开但模型请求失败问题不在静态托管这一层见下节。部署后的已知限制与排查文档明确列出了 Web 版的边界部署到 Nginx、OSS 等平台后同样适用CORS如果模型服务没有返回允许浏览器跨域的响应头Web 版会直接失败。这不是部署方式能绕过的。Mixed Content站点是https://...而模型接口是http://localhost:...时浏览器通常会拦截。企业网络策略公司网络拦截未知 API 域名、限制自签名证书或要求代理时前端站点本身不能自动解决。文档给出的替代建议需要连接 Ollama / LM Studio 或局域网 HTTP 接口时优先使用桌面应用想同时提供 Web 和 MCP 服务时使用 Docker 部署见 Docker 基础部署。另外注意ACCESS_PASSWORD密码页和/api/auth不会自动存在。该能力由 Vercel 部署方案下的 middleware.js 与 api/auth.js 提供只在使用 Vercel 时生效部署到其他静态托管平台时访问控制需要依赖平台自身的能力例如 Cloudflare Access。受控的私有部署如果确实要预置VITE_*模型配置应配合访问控制并使用可轮换、权限受限、费用受控的密钥。参考Web 版部署Web 版定位、Vercel / Cloudflare 部署方式与其他静态托管的对比Vercel 部署说明Vercel 路径下的环境变量安全与密码保护细节vercel.json、wrangler.jsonc构建命令与packages/web/dist产物目录的配置依据连接问题排查模型请求失败时的进一步排查【免费下载链接】prompt-optimizerAn AI prompt optimizer for writing better prompts and getting better AI results.项目地址: https://gitcode.com/GitHub_Trending/pro/prompt-optimizer创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
