nginx不允許iframe嵌套報(bào)表的解決過程
問題解釋
在報(bào)表開發(fā)過程中，使用 iframe 嵌套 帆軟（FineReport）報(bào)表頁面，結(jié)果部署到正式服務(wù)器，報(bào)表地址顯示錯(cuò)誤,無法正常訪問，經(jīng)過排查，發(fā)現(xiàn)是 nginx 配置導(dǎo)致的，
具體原因如下：
Nginx 不允許 iframe 的情況通常是由于 Nginx 配置中的 X-Frame-Options 指令導(dǎo)致的。
這個(gè) HTTP 響應(yīng)頭用于控制頁面是否可以被嵌入到 iframe 或者 frame 中。
如果 Nginx 配置為 X-Frame-Options: DENY，則不允許任何頁面通過 iframe 嵌入；如果配置為 X-Frame-Options: SAMEORIGIN，則只允許來自同一源的頁面通過 iframe 嵌入。
解決方法
編輯 Nginx 配置文件（通常是 nginx.conf 或者網(wǎng)站專用的配置文件，如 /etc/nginx/sites-available/your_site）。
- 在需要禁止 iframe 的 location 塊中添加以下指令：
add_header X-Frame-Options "DENY";
- 或者如果你想只允許同源 iframes：
add_header X-Frame-Options "SAMEORIGIN";
保存配置文件并退出編輯器。
- 重新加載 Nginx 配置以使更改生效：
sudo nginx -s reload
這樣就可以根據(jù)需求配置 Nginx 來控制 iframe 嵌入。
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Nginx配置中使用Lua腳本的實(shí)現(xiàn)步驟
在阿里云API網(wǎng)關(guān)和字節(jié)跳動(dòng)邊緣計(jì)算平臺(tái)中,Nginx+Lua的組合已成為處理復(fù)雜業(yè)務(wù)邏輯的標(biāo)準(zhǔn)解決方案,下面我們就來介紹一下Nginx配置中使用Lua腳本的實(shí)現(xiàn)步驟,感興趣都可以了解一下2025-09-09
Nginx、Tomcat等項(xiàng)目部署問題以及解決流程
本文總結(jié)了項(xiàng)目部署中常見的 four 類問題及其解決方法：Nginx 未按預(yù)期顯示結(jié)果、端口未開啟、日志分析的重要性以及開發(fā)環(huán)境與生產(chǎn)環(huán)境運(yùn)行結(jié)果不一致的問題,通過提供詳細(xì)的解決方案和思路,希望開發(fā)者能夠更好地應(yīng)對部署過程中的挑戰(zhàn),確保項(xiàng)目順利上線2024-12-12
keepalived+nginx實(shí)現(xiàn)網(wǎng)站高可用性
本文主要介紹了keepalived+nginx實(shí)現(xiàn)網(wǎng)站高可用性,包含配置Keepalived實(shí)現(xiàn)雙主熱備集群架構(gòu),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-02-02
Windows系統(tǒng)下Nginx服務(wù)器的基本安裝和配置方法介紹
這篇文章主要介紹了Windows系統(tǒng)下Nginx服務(wù)器的基本安裝和配置方法,文中給出了一個(gè)配置文件的實(shí)例并作出了些說明,需要的朋友可以參考下2015-12-12
這篇文章主要給大家介紹了關(guān)于利用njs模塊在nginx配置中引入js腳本的相關(guān)資料,通過這個(gè)腳本實(shí)現(xiàn)一些更復(fù)雜的?nginx?配置功能,需要的朋友可以參考下2021-12-12
nginx中的location路徑配置(實(shí)路徑和虛路徑)
這篇文章主要介紹了nginx中的location路徑配置(實(shí)路徑和虛路徑),具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
詳解nginx 代理多個(gè)服務(wù)器(多個(gè)server方式)
本篇文章主要介紹了詳解nginx 代理多個(gè)服務(wù)器(多個(gè)server方式)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
Nginx搭建rtmp直播服務(wù)器實(shí)現(xiàn)代碼
這篇文章主要介紹了Nginx搭建rtmp直播服務(wù)器實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11
現(xiàn)在越來越多的應(yīng)用都離不開Web應(yīng)用,但Web應(yīng)用的性能問題也越來越成為企業(yè)關(guān)注的焦點(diǎn),而Nginx作為一款高性能的Web服務(wù)器和反向代理服務(wù)器,能夠?yàn)槠髽I(yè)帶來很多優(yōu)勢,Nginx的應(yīng)用場景非常廣泛,對于Web應(yīng)用的優(yōu)化、安全性的提升有著非常重要的作用2023-11-11
這篇文章主要介紹了Nginx和vue編譯后的存放位置的配置過程,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-09-09