使用 Cloudflare Workers 部署(更灵活)
如果你需要在 Worker 中自定义逻辑(反代 / API / 动态 HTML 注入),用 wrangler:
安装 wrangler
npm install -g wrangler
创建 Worker 项目
wrangler init my-worker
cd my-worker
复制 Vite 构建的文件
把 dist/ 目录复制到 Worker 项目的 public/(或自己指定)。
修改 wrangler.toml
name = "vite-app"
main = "src/index.js"
compatibility_date = "2025-08-25"
[site]
bucket = "./dist" # 指向 Vite 构建目录
发布
wrangler publish
如果你需要 SSR 或 API 结合(比如 React 18 + Vite + Cloudflare Workers),就要用 vite-plugin-cloudflare 或 vite-plugin-ssr 来把 Worker runtime 融合进 Vite。
例子(vite.config.ts):
import { defineConfig } from "vite";
import cloudflare from "vite-plugin-cloudflare";
export default defineConfig({
plugins: [cloudflare()],
});
然后同样用 wrangler publish 部署。