Refused to display 'xxx' in a frame because it set 'X-Frame-Options' to 'deny'.

本文详细解析了HTTPS升级后iframe加载失败的问题,深入探讨X-Frame-Options的作用及配置,分享了通过调整nginx配置成功解决iframe加载问题的实战经验。

网站升级为https后,发现iframe都加载不出来了,同时控制台报这个错

查找大量资料后解决问题,在这里总结一下

一、 X-Frame-Options 是什么?

  X-Frame-Options是一个HTTP标头(header),用来告诉浏览器这个网页是否可以放在iFrame内。

二、它可以取哪些值?

1、 DENY   表示不要把这个网页放在iFrame内,通常的目的就是要帮助用户对抗点击劫持。

2、SAMEORIGIN  告诉浏览器只有当架设iFrame的网站与发出X-Frame-Options的网站相同,才能显示发出网页的内容。  

3、ALLOW-FROM http://xxxx.com/  告诉浏览器这个网页只能放在http://xxxx.com//网页架设的iFrame内

三、我是如何解决这个问题的?

 1、首先我尝试在写了一个过滤器并且response中设置响应头

  response.setHeader("X-Frame-Options", "SAMEORIGIN");

但是问题并未解决!并且又多报了一个错!!

index.html:1 Refused to display 'https://xxxxx in a frame because it set multiple 'X-Frame-Options' headers with conflicting values ('SAMEORIGIN, DENY'). Falling back to 'deny'.

2、反思了一下,决定从nginx下手来解决这个问题,先把这个过滤器删除了,然后打开nginx的配置文件。惊讶的发现了问题,我终于知道我错哪了


这个是之前配置ssl证书 直接从官网复制的。。。。 复制一时爽。。。。

好吧,既然找到问题所在了 ,那么久很好解决了 ,将DENY修改为SAMEORIGIN

问题解决!

 

 

由于没有具体的引用内容,以下为一般性的odrive接线方法介绍。 ### 电源接线 - **直流电源输入**:odrive通常有专门的直流电源输入接口,需要连接合适的直流电源,一般要注意电源的电压和电流规格要符合odrive的要求。例如,常见的odrive支持一定范围的直流电压输入,如12 - 48V等。将电源的正极连接到odrive电源输入的正极,负极连接到负极。 - **接地**:要确保odrive的接地端与系统的接地良好连接,以保证电气安全和稳定运行。 ### 电机接线 - **三相电机**:如果连接的是三相无刷电机,需要将电机的三相线(通常标记为U、V、W)对应连接到odrive的电机输出三相接口上。连接时要注意相序,如果电机运行方向不符合预期,可以调整任意两相的连接顺序。 - **编码器接线**:对于带有编码器的电机,需要将编码器的信号线连接到odrive相应的编码器接口。编码器的接线通常包括电源(如5V)、接地、信号输出线(如A、B、Z相)等,要按照编码器和odrive的说明书进行正确连接。 ### 通信接线 - **USB通信**:可以通过USB线将odrive连接到计算机,用于配置和调试。将USB线的一端插入odrive的USB接口,另一端插入计算机的USB端口。 - **CAN总线通信**:如果使用CAN总线进行通信,需要将odrive的CANH和CANL线连接到CAN总线网络中,同时要注意终端电阻的配置。 ### 其他接线 - **限位开关等外部设备接线**:如果使用限位开关等外部设备,可以将其信号线连接到odrive的相应数字输入输出接口,以实现限位保护等功能。 以下是一个简单的Python代码示例,使用odrive Python库进行基本的连接和配置(前提是已经正确接线并安装了库): ```python import odrive from odrive.enums import * # 查找连接的odrive my_drive = odrive.find_any() # 配置电机参数 my_drive.axis0.motor.config.pole_pairs = 7 my_drive.axis0.controller.config.vel_limit = 10000 # 保存配置并重启 my_drive.save_configuration() my_drive.reboot() ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值