<!-- 发布 Vite 应用 | Demox -->
Source: https://www.demox.site/zh/deploy-vite-app

Vite · 更新于 2026-09-14 · Demox 团队

# Vite 项目怎么发布？

**直接答案：**先 npm run build，再 demox deploy ./dist。资源 base path 按静态托管设置。不要上传源码。

## 按这个顺序做

1. npm run build
2. 检查 dist/index.html 和带 hash 的资源。
3. demox deploy ./dist
4. 用无痕窗口刷新内部路由。

## 常见问题

### Vite SSR 怎么办？

先静态导出，或把服务放在别的地方。Demox 不跑 Vite 开发服务器。

### 环境变量呢？

只有 VITE_ 开头的公开变量能进前端构建。密钥放在函数 env。

## 相关页面

- [免费静态网站发布平台，支持 CLI 和 MCP](https://www.demox.site/zh/free-static-site-hosting)
- [AI 生成网页后，怎样发布成网站？](https://www.demox.site/zh/ai-website-deployment)
- [用 MCP 把网站发布到公网](https://www.demox.site/zh/mcp-website-deployment)
- [用 CLI 发布静态网站](https://www.demox.site/zh/cli-static-site-deploy)
- [AI 生成的网页怎么发布？](https://www.demox.site/zh/deploy-ai-generated-website)
- [用 Claude Code 发布网站](https://www.demox.site/zh/claude-code-deploy-website)
- [CLI 和 MCP 文档](https://www.demox.site/doc)
- [什么时候该用 Demox](https://www.demox.site/when-to-use-demox)

[上传并发布](https://www.demox.site/console/projects) · [English](https://www.demox.site/deploy-vite-app)
