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中配置开启Nginx Status来查看服务器运行状态
这篇文章主要介绍了Nginx中配置开启Nginx Status来查看服务器运行状态的方法,Nginx Status为Nginx服务器内置的状态页,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了为什么我推荐Nginx作为后端服务器代理，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-07-07
本文主要介绍了nginx proxy_pass 路径拼接的具体实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2026-05-05
这篇文章给大家介绍了Nginx反向代理和负载均衡的安全加固方案,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2026-03-03
利用虚拟主机,不用为每个要运行的网站提供一台单独的Nginx服务器或单独运行一组Nginx进程,本文主要介绍了Nginx虚拟主机的六种配置,具有一定的参考价值,感兴趣的可以了解下2023-08-08
本文主要介绍了在Web服务运维中使用Nginx进行SSL证书部署,实现HTTPS加密访问,强制HTTP转HTTPS以及配置Nginx防盗链保护静态资源安全的具体方法,感兴趣的可以了解一下2026-04-04
这篇文章主要介绍了配置Nginx服务器展示随机首页与空白图片的方法,分别用到了ngx_http_random_index_module模块和ngx_http_empty_gif_module模块,需要的朋友可以参考下2016-01-01
本文给大家分享基于域名、端口和IP搭建nginx虚拟主机的内容，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2019-11-11
本文介绍了Nginx中通过设置proxy_set_header指令来转发请求并带上真实IP,以便Java程序能够正确获取并判断请求来源,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2026-01-01
大家好，本篇文章主要讲的是CentOS系统rpm安装Nginx和配置，感兴趣的同学赶快来看一看吧，对你有帮助的话记得收藏一下，方便下次浏览2021-12-12
最新评论