HTML5无法通过域名访问需先配置Web服务器绑定域名。Nginx需正确设置server_name、root、index及try_files；Apache需启用rewrite、AllowOverride All并赋予权限；DNS解析生效前应使用dig/nslookup验证真实IP。

HTML5源代码部署后无法通过域名访问？先确认你没跳过这步

HTML5源代码本身是静态文件，不依赖后端服务，但要通过域名访问，必须完成两件事：域名解析到服务器IP，且服务器正确响应请求。很多人把代码扔进 /var/www/html 或 public_html 就以为完事了，结果浏览器报 ERR_CONNECTION_REFUSED 或直接 404——问题往往出在 Web 服务器（如 Nginx/Apache）未配置该域名的 server 块或 VirtualHost。

Nginx 下添加域名绑定的具体配置项

以 Ubuntu + Nginx 为例，核心是新增一个站点配置文件，并启用它。关键不是“放代码”，而是“告诉 Nginx 这个域名该找哪个目录”。

• server_name 必须写全，支持多个，比如 server_name example.com www.example.com;，不能只写 example.com 然后指望 www 自动跳转
• root 路径末尾不加斜杠，例如 root /var/www/example;，否则可能触发 403
• 必须包含 index index.html index.htm;，否则访问域名时不会自动找 index.html
• 若用 Let’s Encrypt HTTPS，ssl_certificate 和 ssl_certificate_key 路径要绝对准确，且权限为 644

server {
    listen 80;
    server_name example.com www.example.com;
    root /var/www/example;
    index index.html index.htm;
    location / {
        try_files $uri $uri/ =404;
    }
}

Apache 的 VirtualHost 配置与常见权限错误

Apache 默认不启用 mod_rewrite 和 AllowOverride，即使你写了 .htaccess 重写规则，也会静默失效。HTML5 路由（如 Vue Router history 模式）尤其依赖这个。

• 确保 a2enmod rewrite 已执行，且配置中 AllowOverride All 出现在对应 块内
• DocumentRoot 路径需与实际一致，且 Apache 用户（通常是 www-data）对该目录有读取权限
• 如果用 httpd.conf 而非 sites-enabled，记得在主配置里 Include 对应文件
• 修改后必须运行 sudo systemctl reload apache2，restart 不必要，且可能中断连接

    ServerName example.com
    DocumentRoot /var/www/example
    
        AllowOverride All
        Require all granted
    

DNS 解析生效前别急着查 Nginx 日志

DNS 更改后，本地 ping example.com 仍返回旧 IP 是正常现象，因为本地 DNS 缓存、运营商缓存、甚至浏览器都可能保留旧记录。此时查 /var/log/nginx/error.log 得不到有效线索。

• 用 dig example.com +short 或 nslookup example.com 查真实解析结果（绕过本地缓存）
• 用 curl -v http://example.com 看是否连得上，以及返回的 Server 头和状态码
• 如果返回 502 Bad Gateway，说明 Nginx 转发失败，但 HTML5 不需要后端——大概率是 proxy_pass 错误残留，删掉相关配置
• Cloudflare 等 CDN 开启后，务必检查 SSL/TLS 加密模式是否为 “Full” 或 “Flexible”，否则源站证书不匹配会导致连接中断