国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

解決iframe嵌套第三方網(wǎng)址不能訪問

2年前作者：碼農(nóng)Davi分類：Toy博客閱讀(16)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了解決iframe嵌套第三方網(wǎng)址不能訪問。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

第一種報(bào)錯(cuò)描述:
Refused to display '嵌套的網(wǎng)址' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

關(guān)于X-Frame-Options:

X-Frame-Options 是一個(gè) HTTP 響應(yīng)頭部，用于防止網(wǎng)站被嵌入到其他網(wǎng)站的 iframe 中。該協(xié)議定義了一些選項(xiàng)，使網(wǎng)站可以控制在哪些網(wǎng)站中可以嵌入自己的內(nèi)容，從而防止網(wǎng)站被點(diǎn)擊劫持攻擊。

X-Frame-Options 協(xié)議有三種選項(xiàng)：

1.DENY：拒絕所有網(wǎng)站嵌入。
2.SAMEORIGIN：只允許同源網(wǎng)站嵌入。
3.ALLOW-FROM uri：允許指定的 URI 嵌入。
如果網(wǎng)站設(shè)置了 X-Frame-Options 響應(yīng)頭部，瀏覽器會(huì)根據(jù)該選項(xiàng)來決定是否允許在 iframe 中顯示該網(wǎng)站的內(nèi)容。這有助于防止網(wǎng)站遭受點(diǎn)擊劫持等攻擊，并提高網(wǎng)站的安全性。

解決iframe嵌套第三方網(wǎng)址不能訪問
第二中報(bào)錯(cuò)描述
Refused to frame '嵌套的網(wǎng)址' because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'

關(guān)于 CSP
CSP 是一種安全功能，通過指定允許哪些域?qū)⒕W(wǎng)站內(nèi)容嵌入框架或 iframe 來幫助防止跨站點(diǎn)腳本 (XSS) 攻擊。
白話:把你的地址給第三方,讓第三方信任你的網(wǎng)址才能嵌套

這兩個(gè)方式都能使用nginx代碼解決

第一種報(bào)錯(cuò)解決

	 location / {
            proxy_hide_header X-Frame-Options;
            proxy_pass [你代理的網(wǎng)址];
        }

“proxy_hide_header”指令用于從代理服務(wù)器接收的響應(yīng)中刪除“X-Frame-Options”標(biāo)頭。

第二種報(bào)錯(cuò)解決

location / {
            proxy_hide_header Content-Security-Policy;
            proxy_hide_header X-Frame-Options;
            proxy_pass https://www.baidu.com;
        }

并隱藏來自該網(wǎng)站的兩個(gè)響應(yīng)頭：“Content-Security-Policy” 和 “X-Frame-Options”。文章來源地址http://www.zghlxwxcb.cn/news/detail-504445.html

到了這里，關(guān)于解決iframe嵌套第三方網(wǎng)址不能訪問的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

解決Anaconda第三方庫下載慢
1.打開Anconda Prompt，進(jìn)入后臺 2.執(zhí)行命令第一個(gè)是添加一個(gè)清華鏡像，第二個(gè)設(shè)置在 conda 顯示通道的 URL。（1） conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/ （2）conda config --set show_channel_urls yes 3. 此時(shí)，目錄 C:Users你的用戶名下就會(huì)生成配置文件.condarc，
2024年02月13日
瀏覽(19)
pycharm無法加載第三方庫問題解決
1、問題展示（1）python -m pip uninstall pip （2）python -m ensurepip （3）python -m pip install --upgrade pip -i https://pypi.douban.com/simple
2024年01月25日
瀏覽(20)
解決Python安裝第三方庫慢的問題
1. 阿里源： https://mirrors.aliyun.com/pypi/simple/ 2. 清華源： https://pypi.tuna.tsinghua.edu.cn/simple/ 3. 豆瓣源： http://pypi.douban.com/simple/ 4. 中科大源： https://pypi.mirrors.ustc.edu.cn/simple/
2024年02月04日
瀏覽(92)
第三方組件及計(jì)算屬性傳參的問題解決方式
唉，好想玩滋嘣。表格數(shù)據(jù)某一列需要用的計(jì)算屬性時(shí)，模板中使用計(jì)算屬性 fullName 就會(huì)直接調(diào)用 fullName 函數(shù)，而在模板中 fullName(item) 相當(dāng)于 fullName()(item) ，此處為函數(shù)柯里化。封裝好的組件的事件回調(diào)函數(shù)想要傳其它參數(shù)，事件的回調(diào)直接寫 :before-upload=\\\"beforeUpload(\\\'a\\\')
2024年02月05日
瀏覽(23)
解決 TypeScript 引入第三方包，無法找到模塊“XXX”的聲明文件
例子：報(bào)錯(cuò) ：無法找到模塊“three”的聲明文件?！癳:/VScode/vite-demo/node_modules/three/build/three.module.js”隱式擁有 “any” 類型。該包如果存在可嘗使用 npm i --save-dev @types/three 安裝，或者添加一個(gè)包含 declare module \\\'three\\\' 的新聲明文件(.d.ts后綴,例如 vite-env.d.ts) 原因：npm安裝的版本
2024年02月06日
瀏覽(29)
【日常踩坑】解決 pip 安裝第三方包時(shí)因 SSL 報(bào)錯(cuò)
好久沒用 python ，最近重新下載安裝好 python 后發(fā)現(xiàn)用 pip 安裝第三方包一直失敗。經(jīng)過一番折騰發(fā)現(xiàn)，如果報(bào)錯(cuò)信息符合下面兩種，一般都是因?yàn)榫W(wǎng)絡(luò)連接時(shí) SSL 認(rèn)證失敗導(dǎo)致的 check_hostname requires server_hostname raise ValueError(\\\"check_hostname requires server_hostname\\\") ValueError: check_hostname
2023年04月12日
瀏覽(17)
完美解決Mac系統(tǒng)下python3第三方模塊安裝問題
這個(gè)問題困惱了我一下午吧，知乎、b站、CSDN的都找遍了，給出的解答都是模凌兩可的。之后是在CSDN中結(jié)合了好幾篇文章，才解決問題。 ????看在阿卷這么辛苦的份上，xdm給個(gè) 關(guān)注和點(diǎn)贊不過分吧！ ?? ?現(xiàn)在給大家分享出來，直接解決Mac系統(tǒng)下python3第三方模塊安裝
2024年02月05日
瀏覽(85)
ts環(huán)境下如何解決第三方npm包類型報(bào)錯(cuò)的問題
在 TypeScript 環(huán)境下，當(dāng)引入第三方 npm 包時(shí)出現(xiàn)類型報(bào)錯(cuò)的問題，可以嘗試以下幾種解決方法： 1、安裝 @types 包：許多流行的第三方 npm 包都有對應(yīng)的 TypeScript 類型聲明文件，這些聲明文件通常以 @types/包名的形式發(fā)布在 npm 上。你可以嘗試安裝對應(yīng)的 @types 包，以解決類型報(bào)
2024年02月22日
瀏覽(30)
【微信小程序】從 npm 引入第三方依賴時(shí)提示依賴異常的解決方法
? ? ? ?微信小程序不允許使用 Node.js 的內(nèi)建模塊。但是部分第三方依賴（如 crypto-js）在運(yùn)行時(shí)會(huì)嘗試引入 Node.js 內(nèi)建模塊（實(shí)際非強(qiáng)制調(diào)用），這一舉動(dòng)被微信開發(fā)工具誤以為是未知的依賴調(diào)用。移除構(gòu)建 npm 時(shí)生成的外部依賴項(xiàng)即可。 1. 找到并打開“/miniprogram_npm/crypto
2024年02月15日
瀏覽(21)
明明我們已經(jīng)安裝了第三方庫，可是import時(shí)卻ModuleNotFoundError報(bào)錯(cuò)的解決辦法
明明我們已經(jīng)安裝了第三方庫，可是用IDLE進(jìn)行import時(shí)卻ModuleNotFoundError: No module named \\\'requests’報(bào)錯(cuò) 這是因?yàn)榇蠹业牡谌綆於嗍峭ㄟ^pycharm進(jìn)行安裝的，他的安裝位置和python軟件的安裝位置不一致，而pycharm是按照項(xiàng)目來管理第三方庫的。解決辦法就是：第一步：先找到pytho
2024年02月11日
瀏覽(25)