Nginx反向代理解决iframe跨域问题

本文介绍了如何利用Nginx反向代理解决HTTPS网站中iframe加载HTTP页面的跨域问题。在升级网站到HTTPS后,由于安全限制,浏览器不再允许加载HTTP的iframe。通过Nginx配置,将HTTP请求代理到HTTPS,解决了这个问题。文中详细阐述了配置过程和遇到的资源404问题,并给出了优化方案。
摘要由CSDN通过智能技术生成

前言

 这几天有个需求:做个表单页面,要求后台人员能自定义发布表单,用户来填写表单。我一想,这不麦克表单有现成的吗,拿来就用!发布表单后,可以选择使用iframe方式嵌入网站,一切顺利。

   

          

 当时的网站是http协议,后来升级了https,发现完全加载不出来。原因是浏览器的安全限制,在https协议下不允许有http的iframe请求。然而,除了交钱,也不能将麦克的协议变成https

 前端无法解决这个问题,想了想,可以使用Nginx反向代理来实现。说白了,就是把自己的服务器当做代理服务器,骗过浏览器,让它以为是向自己的服务器发请求。

正文

 目标网址:http://www-smcic-cn.mikecrm.com/i0RPpTH

 代理网址:https://www.smcic.cn/mikecrm/

 首先,将前端的iframe src属性地址改成自己的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值