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