Nginx配置：强制iframe内/foobar路径请求跳转至HTTPS以解决混合内容错误

嗨，这个混合内容的问题确实挺闹心的，不过咱们可以通过调整Nginx配置彻底搞定它。核心要解决两个关键点：一是把所有针对/foobar路径的HTTP请求强制跳转到HTTPS，二是替换外部网站响应里硬编码的HTTP链接，让iframe里的按钮直接指向HTTPS地址。

第一步：完善HTTP到HTTPS的全局跳转 #

首先把80端口的配置简化，确保所有HTTP请求（包括/foobar路径的）都强制跳转到HTTPS：

server {
    listen 80 default_server;
    server_name my-website; # 替换成你的实际域名

    # 强制所有HTTP请求跳转至HTTPS
    return 301 https://$host$request_uri;
}

第二步：HTTPS服务器配置（核心部分） #

接下来在443端口的HTTPS配置里，添加反向代理和链接替换的逻辑，解决iframe内按钮硬编码的问题：

server {
    listen 443 ssl default_server;
    server_name my-website; # 替换成你的实际域名

    # 配置你的SSL证书路径（必须项，否则HTTPS无法正常运行）
    ssl_certificate /path/to/your/ssl/cert.pem;
    ssl_certificate_key /path/to/your/ssl/private.key;

    location /foobar/ {
        proxy_pass http://external-website.com/foobar/;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Host $host;

        # 关键：替换外部网站响应中硬编码的HTTP链接为HTTPS
        sub_filter 'http://external-website.com/foobar' 'https://$host/foobar';
        sub_filter_once off; # 替换所有匹配的链接，而非仅第一个
        sub_filter_types text/html text/css text/javascript application/javascript; # 指定需要处理的内容类型
    }
}

配置解释 #

• sub_filter指令：这是解决按钮问题的核心，它会在外部网站返回的响应内容里，把所有指向http://external-website.com/foobar的硬编码链接替换成你的HTTPS域名下的https://my-website/foobar，这样iframe里的按钮点击时就会直接发起HTTPS请求，不会再触发混合内容错误。
• sub_filter_once off：确保页面中所有匹配的链接都被替换，避免遗漏部分按钮的链接。
• sub_filter_types：覆盖常见的网页、CSS、JS文件类型，确保所有可能包含硬编码链接的资源都被处理。

额外注意事项 #

• 确认你的Nginx已经安装了ngx_http_sub_module模块：可以运行nginx -V查看输出，若包含--with-http_sub_module则说明已安装，该模块默认会被编译进Nginx。
• 替换配置中的域名和SSL证书路径为你自己的实际信息。
• 修改配置后，记得重启Nginx生效：sudo systemctl restart nginx

备注：内容来源于stack exchange，提问作者Alan Nicolas de Oliveira