iframe跨域地址代理方式(nginx配置)
更新時間：2026年05月14日 08:37:59 作者：qq_45353152
本文介紹了使用nginx進行iframe跨域地址代理的方法,配置了proxy_set_header解決靜態(tài)資源加載問題,并提供了啟動、查看和停止nginx的命令
iframe跨域地址代理(nginx配置)
項目多平臺嵌入，有個第三方頁面內(nèi)部產(chǎn)生跨域問題無法陷入
postMessage()父子級跨域數(shù)據(jù)交互第三方不配合的情況只能使用代理進行強行嵌入
下載nginx：nginx: download；
打開nginx=> conf=>nginx.conf文件
proxy_set_header配置（四項）解決靜態(tài)資源加載的問題
代理掩碼 /core 盡量與代理地址后綴相同（避免不必要的錯誤）
location /core {
proxy_pass http://crmtest.********.com:8000/core;
proxy_hide_header X-Frame-Options; # 避免出現(xiàn)多個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與運行項目相同；
端口號需要與運行項目錯開，相同端口號會導(dǎo)致項目訪問不到或者nginx啟動被占用
配置好保存退出
shift+鼠標(biāo)右鍵運行運行nginx.exe（英文+未選中+右鍵空白處）
- 啟動nginx命令： start nginx;
- 查看nginx運行情況： tasklist /fi "imagename eq nginx.exe"
- 停止所有nginx命令: taskkill /fi "imagename eq nginx.exe" /f
經(jīng)常會出現(xiàn)修改配置后nginx修改的沒生效，重新打開nginx.conf配置保存并退出，終止所有nginx服務(wù)重新啟動，
啟動成功后
在nginx中直接通過/core代理掩碼拼接訪問地址進行訪問（不加前綴瀏覽器會自動憑借當(dāng)前訪問地址進行訪問）
<iframe id="iframeDom" frameborder="no" style="margin: 0;" src="/core/oauth/authorize/jump" width="100%" height="100%"></iframe>
（本來生活就很難了，碰到不配合的第三方就更難了）！
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Nginx中配置開啟Nginx Status來查看服務(wù)器運行狀態(tài)
這篇文章主要介紹了Nginx中配置開啟Nginx Status來查看服務(wù)器運行狀態(tài)的方法,Nginx Status為Nginx服務(wù)器內(nèi)置的狀態(tài)頁,需要的朋友可以參考下2016-01-01
為什么我推薦Nginx作為后端服務(wù)器代理(原因解析)
這篇文章主要介紹了為什么我推薦Nginx作為后端服務(wù)器代理，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07
nginx proxy_pass 路徑拼接的具體實現(xiàn)
本文主要介紹了nginx proxy_pass 路徑拼接的具體實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2026-05-05
這篇文章給大家介紹了Nginx反向代理和負(fù)載均衡的安全加固方案,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2026-03-03
利用虛擬主機,不用為每個要運行的網(wǎng)站提供一臺單獨的Nginx服務(wù)器或單獨運行一組Nginx進程,本文主要介紹了Nginx虛擬主機的六種配置,具有一定的參考價值,感興趣的可以了解下2023-08-08
Nginx進階配置實現(xiàn)SSL證書部署與資源防盜鏈實操
本文主要介紹了在Web服務(wù)運維中使用Nginx進行SSL證書部署,實現(xiàn)HTTPS加密訪問,強制HTTP轉(zhuǎn)HTTPS以及配置Nginx防盜鏈保護靜態(tài)資源安全的具體方法,感興趣的可以了解一下2026-04-04
這篇文章主要介紹了配置Nginx服務(wù)器展示隨機首頁與空白圖片的方法,分別用到了ngx_http_random_index_module模塊和ngx_http_empty_gif_module模塊,需要的朋友可以參考下2016-01-01
本文給大家分享基于域名、端口和IP搭建nginx虛擬主機的內(nèi)容，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2019-11-11
本文介紹了Nginx中通過設(shè)置proxy_set_header指令來轉(zhuǎn)發(fā)請求并帶上真實IP,以便Java程序能夠正確獲取并判斷請求來源,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2026-01-01
大家好，本篇文章主要講的是CentOS系統(tǒng)rpm安裝Nginx和配置，感興趣的同學(xué)趕快來看一看吧，對你有幫助的話記得收藏一下，方便下次瀏覽2021-12-12