iframe跨域地址代理方式(nginx配置)
更新时间：2026年05月14日 08:37:59 作者：qq_45353152
本文介绍了使用nginx进行iframe跨域地址代理的方法,配置了proxy_set_header解决静态资源加载问题,并提供了启动、查看和停止nginx的命令
iframe跨域地址代理(nginx配置)
项目多平台嵌入，有个第三方页面内部产生跨域问题无法陷入
postMessage()父子级跨域数据交互第三方不配合的情况只能使用代理进行强行嵌入
下载nginx：nginx: download；
打开nginx=> conf=>nginx.conf文件
proxy_set_header配置（四项）解决静态资源加载的问题
代理掩码 /core 尽量与代理地址后缀相同（避免不必要的错误）
location /core {
proxy_pass http://crmtest.********.com:8000/core;
proxy_hide_header X-Frame-Options; # 避免出现多个X-Frame-Options属性
add_header X-Frame-Options ALLOWALL;
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
}
访问地址名称：server_name与运行项目相同；
端口号需要与运行项目错开，相同端口号会导致项目访问不到或者nginx启动被占用
配置好保存退出
shift+鼠标右键运行运行nginx.exe（英文+未选中+右键空白处）
- 启动nginx命令： start nginx;
- 查看nginx运行情况： tasklist /fi "imagename eq nginx.exe"
- 停止所有nginx命令: taskkill /fi "imagename eq nginx.exe" /f
经常会出现修改配置后nginx修改的没生效，重新打开nginx.conf配置保存并退出，终止所有nginx服务重新启动，
启动成功后
在nginx中直接通过/core代理掩码拼接访问地址进行访问（不加前缀浏览器会自动凭借当前访问地址进行访问）
<iframe id="iframeDom" frameborder="no" style="margin: 0;" src="/core/oauth/authorize/jump" width="100%" height="100%"></iframe>
（本来生活就很难了，碰到不配合的第三方就更难了）！
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章给大家介绍了Nginx 出现 403 Forbidden 最终解决方法，下面分步骤给大家介绍的非常详细，感兴趣的的朋友一起看看吧2017-08-08
本文主要介绍了Nginx转发丢失cookie表现形式及解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
这篇文章主要介绍了Nginx下升级https的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-06-06
nginx是一款自由的、开源的、高性能的HTTP服务器和反向代理服务器；同时也是一个IMAP、POP3、SMTP代理服务器，这篇文章主要介绍了Nginx构建Tomcat集群的问题,需要的朋友可以参考下2022-01-01
文章简要介绍了如何检查Nginx配置文件是否正确的方法,包括进入配置文件路径、返回结果判断正确性以及两种启动方式,希望对大家有所帮助2025-11-11
nginx配置gzip压缩优化传输效率加快页面访问速度的问题
本文介绍了如何在nginx服务器中配置gzip压缩,通过压缩HTTP响应内容,减少数据传输大小和响应时间,从而提升网站性能和访问速度,感兴趣的朋友跟随小编一起看看吧2024-09-09
这篇文章主要介绍了nginx http重定向https配置说明的相关资料,需要的朋友可以参考下2017-04-04
本文系统介绍了Nginx实现Web访问控制的多种方法,包括IP黑白名单、路径/方法/参数控制、HTTP基本认证、防盗链机制、客户端证书校验、限速限流、地理位置控制等基础防护策略,感兴趣的可以了解一下2025-12-12
这篇文章主要给大家介绍了关于nginx配置ssl实现https访问的相关资料，这个教程非常适合新手小白，文中通过示例代码将实现的方法一步步介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧2018-12-12
详解Nginx服务器中HTTP Headers相关的模块配置使用
这篇文章主要介绍了详解Nginx服务器中HTTP Headers相关的模块配置使用,包括ngx_http_headers_module与它的增强版ngx_headers_more的配置使用讲解,需要的朋友可以参考下2016-01-01
最新评论