Nginx 反向代理过程中出现 https 访问 http 问题

最新推荐文章于 2026-03-29 02:36:25 发布

原创最新推荐文章于 2026-03-29 02:36:25 发布 · 3.9k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Nginx 专栏收录该内容

1 篇文章

订阅专栏

本文解决了一个常见问题：网站从HTTPS加载但请求了不安全的HTTP脚本，导致MixedContent错误。通过修改Nginx的代理配置，添加了多个头信息以确保所有内容都通过HTTPS加载，从而避免了浏览器的安全警告。

问题描述：
Mixed Content: The page at 'https://www.xxx.com/' was loaded over HTTPS,but requested an insecure script 'http://www.xxx.com/a.js'.
This request has been blocked; the content must be served over HTTPS.
解决方案：

修改 nginx 的 proxy 配置部分，如下所示:
           add_header 'Access-Control-Allow-Origin' '*';
           add_header 'Access-Control-Allow-Credentials' 'true';
           add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
           add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
           add_header Content-Security-Policy upgrade-insecure-requests;
           proxy_set_header Host $host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;