ZIP 上传自动部署网站：整站上线的省事做法
不会用命令行、不想碰服务器的人，最省事的部署方式就是：把构建产物打成 ZIP，上传，自动解压，拿到链接。
一、ZIP 里应该放什么
my-site.zip ├── index.html <- 入口，必须在根目录 ├── assets/ │ ├── index-xxxx.js │ └── index-xxxx.css └── images/
二、三个常见失败原因
- 入口不在根目录：解压后是 my-site/index.html，访问根路径就 404
- 少了构建产物：上传了源码而不是 dist 目录
- 绝对路径写死：本地 file:// 能用，上线后资源 404
三、上线后自查
- 首页能打开，样式与图片正常
- 手机浏览器打开正常
- 刷新子页面不 404
- 分享链接权限符合预期
常见问题
Vite/Webpack 项目要传哪个目录？
传构建产物目录（通常是 dist），不是源码目录。
ZIP 大小有限制吗？
取决于托管服务，图片视频多的站点建议先压缩资源。
延伸阅读：前端怎么部署上线 · 静态网页托管平台怎么选
全部文章：PMPRD 文章目录（77 篇）