前端打包后怎么上线：从 dist 到可访问链接
npm run build 之后，dist 目录就是完整的静态站点。上线只有一件事：把 dist 放到能被访问的地方，并把入口指向 index.html。
一、上线三步
- 构建：确认产物在 dist/，入口是 index.html
- 打包：把 dist 内所有文件打进 ZIP（不要多套一层目录）
- 上传：选择支持自动解压的托管，得到访问链接
二、单页应用（SPA）必须注意
使用 history 路由的项目，刷新子路径会 404，需要托管方支持「回退到 index.html」。hash 路由（#/pages/...）不受此影响，但地址不美观。
三、常见 404 排查顺序
- 入口是否在根目录
- 资源路径是否以 / 开头导致跨目录
- 是否漏传 assets 目录
- 是否需要 SPA 回退配置
常见问题
需要买服务器吗？
纯静态站点不需要，托管即可；需要接口或数据库时才需要云函数或服务器。
打包体积太大怎么办？
先做代码分割与图片压缩；国内访问还要注意不要依赖被墙的 CDN。
延伸阅读：ZIP 上传自动部署网站 · HTML 在线预览工具
全部文章：PMPRD 文章目录（77 篇）