1. 确认项目是否真的是静态
检查构建输出是否只包含 HTML、CSS、JavaScript 与资源文件。
- React/Vue/Vite 可以输出静态 build。
- SSR/服务端渲染属于不同情况。
证据部署实践
2. 需要时先在本地构建
在开发环境完成生产 build，再上传输出目录。
- 服务器不需要时不要上传 node_modules。
- 先本地验证 build。
证据部署实践
3. 上传到域名根目录
在 GreatHosts CP 的 Files 中上传并解压。
- 确保 index.html 层级正确。
- 避免额外目录嵌套。
证据GreatHosts CP 已验证
4. 正确处理 SPA
客户端路由 SPA 可能需要把未知路径重写到 index.html。
- 需要时使用 .htaccess。
- 直接访问深层路由进行测试。
证据GreatHosts CP + Web 实践
5. 不要把秘密放在浏览器
发送给浏览器的 JavaScript 中的秘密对用户可见。
- 秘密应放在后端。
- 前端环境变量并不天然私密。
证据安全实践
6. 添加域名与 HTTPS
DNS 正确解析后再启用 HTTPS。
- 测试根域与 www。
- 消除 mixed content。
证据GreatHosts CP + 目录
7. 优化访客下载内容
压缩图片和资源，控制第三方依赖。
- 先测量再优化。
- 关键资源保持精简。
证据性能实践
常见问题
React/Vue/Vite 需要服务器 Node.js 吗？
如果最终输出是浏览器运行的静态文件，则不一定需要。
可以上传 ZIP 吗？
可以，GreatHosts CP 支持上传和解压。
共享主机够用吗？
对于静态站点通常足够，除非还有特殊后端或资源需求。