OpenClaw部署需确认三件事：服务器已安装Nginx/Apache、index.html置于正确根目录、安全组开放80端口；缺一将导致浏览器无法访问。
能直接部署，但必须确认三件事：服务器已装好 Web 服务（如 Nginx 或 Apache）、index.html 放在了 Web 根目录、安全组开了 80 端口。缺一不可，否则浏览器打不开。
确认服务器是否已运行 Web 服务
很多阿里云轻量服务器或 ECS 实例默认不装 Nginx/Apache，连 curl http://localhost 都会失败。别假设“买了就能用”。
- 登录服务器后先执行
systemctl status nginx或systemctl status apache2；如果提示Unit nginx.service could not be found，说明没装 - CentOS/RHEL 系统用
sudo yum install nginx -y；Ubuntu/Debian 用sudo apt install nginx -y - 启动并设开机自启：
sudo systemctl start nginx && sudo systemctl enable nginx - 验证是否监听 80 端口：
sudo ss -tuln | grep :80，有输出才算真正跑起来了
把 index.html 放到正确的根目录
Nginx 默认根目录是 /usr/share/nginx/html/，Apache 是 /var/www/html/ —— 混用会导致 403 或 404，不是文件丢了，是路径错了。
- 用
ls /usr/share/nginx/html/看有没有默认的index.html，有就先备份：sudo mv /usr/share/nginx/html/index.html /usr/share/nginx/html/index.html.bak - 上传你的
index.html（用scp、rsync或宝塔文件管理器都行），目标路径必须是/usr/share/nginx/html/index.html - 检查文件权限：
sudo chown root:root /usr/share/nginx/html/index.html，且确保父目录可读：sudo chmod 755 /usr/share/nginx/html - 别用相对路径测试，直接
curl -I http://localhost，返回HTTP/1.1 200 OK才算成功
安全组必须放行 80 端口（不是只开 22）
很多人 SSH 能连上、curl localhost 能通，但外网打不开，99% 是安全组没配 80 端口 —— 阿里云控制台里叫“入方向规则”，不是“出方向”，也不是“远程连接”那一页。
- 进阿里云控制台 → 云服务器 ECS → 实例 → 点击实例名 → “安全组”页签 → “配置规则”
- 添加安全组规则：协议类型选
HTTP(80)，授权对象填0.0.0.0/0（允许所有 IP），优先级建议填100（避免被其他规则拦截） - 改完等 10–20 秒生效，别立刻刷新浏览器；可以用手机流量访问
http://你的公网IP测试，排除本地网络缓存干扰 - 如果用了宝塔面板，它会自动帮你开端口，但前提是安装时勾选了“宝塔面板免费版”，否则仍需手动配安全组
Vue/React 等单页应用要额外加 rewrite 规则
如果你的 index.html 是 Vue3 或 React 构建出来的，刷新子路由（比如 /about）会 404 —— 这不是部署失败，是 Nginx 没转发请求给前端路由。
- 编辑 Nginx 站点配置：
sudo nano /etc/nginx/conf.d/default.conf（或/etc/nginx/sites-available/default） - 在
server { ... }块内，找到location / {，把它改成：
location / {
try_files $uri $uri/ /index.html;
}
- 保存后执行
sudo nginx -t && sudo systemctl reload nginx，reload 比 restart 更安全 - 这条规则只对前端路由有效，不影响真实存在的
/api/xxx接口（它们走的是后端代理，不经过这个 location）
最容易被忽略的是：Nginx 配置改完不 reload，或者 reload 失败却没看报错；还有人把 index.html 放进了子目录（比如 /var/www/html/myapp/），却没改 Nginx 的 root 指令 —— 这些细节比“怎么上传”更决定成败。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
