当前位置：首页 > 行业动态 > 正文

https访问http网站

admin
行业动态
2025-04-28
5

HTTPS与HTTP协议不同，默认端口分别为443和80，直接访问会导致证书验证失败或

问题原因分析

当通过 HTTPS 协议访问一个包含 HTTP 链接的网页时，浏览器会触发“混合内容”警告，这是因为：

HTTPS 页面：所有数据传输均加密（SSL/TLS）。
HTTP 资源：数据明文传输，存在被改动或窃取的风险。
浏览器为保护用户安全,会阻止或警告此类混合内容。

解决方案分类

方案	适用场景	优点	缺点
将资源托管至 HTTPS 服务	外部资源（如脚本、图片）需安全加载	完全兼容 HTTPS，无安全风险	需资源方支持或自行搭建 HTTPS
修改链接为本地资源	静态资源（如图片、CSS、JS）	避免网络请求，加载速度更快	需手动替换或存储资源
使用反向代理	无法直接控制资源方，但可临时转发	隐藏原始 HTTP 地址，增强安全	增加服务器负载
禁用浏览器混合内容限制	测试环境或低安全需求场景	快速绕过警告	降低安全性，不推荐生产环境用

操作步骤示例

将 HTTP 资源替换为 HTTPS

前提：目标资源需有 HTTPS 版本。

操作：直接修改 HTML 或 JavaScript 中的链接。

<!-原代码 -->  
<script src="http://example.com/lib.js"></script>  
<!-修改后 -->  
<script src="https://example.com/lib.js"></script>

将外部资源转为本地文件

步骤：
1. 下载 HTTP 资源（如 http://example.com/image.png）。
2. 上传至网站目录，修改链接为相对路径。
```
<!-原代码 -->  
<img src="http://example.com/image.png">  
<!-修改后 -->  
<img src="/images/image.png"> 
```

配置 Nginx 反向代理（以 HTTPS 访问 HTTP 接口）

适用场景：API 或服务仅支持 HTTP，需通过 HTTPS 暴露。

配置示例：

server {  
    listen 443 ssl;  
    server_name yourdomain.com;  
    ssl_certificate /path/to/cert.pem;  
    ssl_certificate_key /path/to/key.pem;  
    location /api/ {  
        proxy_pass http://backend-server/api/;  # 转发到 HTTP 服务  
        proxy_set_header Host $host;  
        proxy_set_header X-Real-IP $remote_addr;  
    }  
}