为何内网设备无法通过Nginx访问HTTP Web应用？

核心原因 #

浏览器访问8443端口时默认会尝试HTTPS协议，但你的Nginx配置的是纯HTTP监听8443，协议不匹配导致net::ERR_SSL_PROTOCOL_ERROR，进而引发页面空白、静态资源加载失败的问题。

解决方案 #

方案1：改用普通HTTP端口（最简单） #

把Nginx监听的端口从8443改成非HTTPS默认端口（比如8080），避免浏览器自动触发HTTPS请求：
修改nginx.conf中的server块：

server {
    listen 8080; # 替换原8443端口
    server_name 192.168.xxx.xx;

    # 其余原有配置保持不变
}

重启Nginx后，内网设备访问http://192.168.xxx.xx:8080即可正常访问。

方案2：给8443配置HTTPS（如需加密传输） #

如果必须使用8443端口，需要为Nginx配置SSL证书（内网环境可使用自签名证书）：

1. 生成自签名证书（可通过OpenSSL工具生成）：

openssl req -x509 -newkey rsa:4096 -keyout key.pem -out cert.pem -days 365 -nodes

2. 修改nginx.conf的server块，启用HTTPS：

server {
    listen 8443 ssl; # 添加ssl标识
    server_name 192.168.xxx.xx;

    ssl_certificate /path/to/cert.pem; # 替换为你的证书文件路径
    ssl_certificate_key /path/to/key.pem; # 替换为你的密钥文件路径

    # 其余原有配置保持不变
}

重启Nginx后，内网设备访问https://192.168.xxx.xx:8443，浏览器会提示证书不安全，选择继续访问即可。

额外检查项 #

• 确认Nginx监听所有网卡：将listen 8443;改为listen 0.0.0.0:8443;，确保服务不是仅绑定localhost。
• 内网设备访问时必须明确指定协议：用HTTP就输入http://开头，用HTTPS就输入https://开头，不要省略协议直接输入IP:端口。

内容的提问来源于stack exchange，提问作者CChickii