美文网首页
iframe 跨域问题

iframe 跨域问题

作者: 会飞的小猪 | 来源:发表于2024-01-17 16:28 被阅读0次

有一个需求,在本地项目页面中加载iframe,然后这个iframe需要加载第三方的页面。因为涉及到跨域了而且第三方页面用到了cookie,导致页面无法正常展示。
可以采用nginx代理本地项目和第三方请求的方式,绕过浏览器跨域限制。

server {
        listen       80;
        server_name  localhost;

        location / {
            proxy_pass http://第三方ip:10001;
        }
          #本地项目,上下文为hzj
          location /hzj/  {
            proxy_pass http://localhost:8081/;
         }
        
    }

这样,本地项目hzj的请求都转发到本地8081端口,其他请求转发到第三方。
还有个坑,由于第三方页面使用了带下划线的header,nginx代理的时候会忽略掉带下划线的参数,因为带下划线的不符合http规范。可以做如下配置。

# 保留下划线
underscores_in_headers on;

相关文章

  • Web前后端跨域问题处理

    跨域问题有前台跨域(iframe间)和后台跨域。 前台跨域的解决方案可以采用跨域文档通讯(Cross domain...

  • Spring Boot使用CORS解决跨域问题

    一、跨域问题描述 Web开发经常会遇到跨域问题,解决方案有:jsonp,iframe,CORS等等。CORS 与 ...

  • iframe跨域问题

    最近遇到了一个闹心的问题,就是 调用iframe中的函数并获取返回值。 父级调用iframe方法: 子 Ifram...

  • iframe页面相互调用方法

    关键词:iframe,跨域,vue最近的项目中嵌入了外部的iframe,想跨域调用自己页面的方法,点击iframe...

  • iframe 跨域问题 iframe 跨域通信 postMes

    概述 JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe...

  • Iframe高度自适应

    1. 同域iframe高度自适应 2. 跨域iframe高度自适应

  • 前端如何解决常见跨域问题

    跨域解决方案 1、 通过jsonp跨域 2、 document.domain + iframe跨域 3、 loca...

  • PHP跨域问题

    使用iframe方式实现局部刷新,但是iframe不支持跨域 通过script方式,src属性可以实现跨域,但只能...

  • 2019-03-31 iframe 子页面 postMessag

    参考链接:使用 postMessage 解决 iframe 跨域通信问题 iframePage.html是inde...

  • iframe -- postMessage

    之前一提到跨域,都是前端到后台的问题. 其实,在网页中嵌套非同源的iframe也存在跨域的问题. 比如,在你自己的...

网友评论

      本文标题:iframe 跨域问题

      本文链接:https://www.haomeiwen.com/subject/onolodtx.html