Posts Tagged With: frame

[QNAP] 升級 4.3.3 以後,網頁不能被嵌入

上週公司的 Nas 系統受損,在 QNAP 原廠工程師協助下,用新版的 系統 上線,看到有些新功能,就打算把 www 也更新上去。

公司的 www 是以靜態網頁為主,由版面設計師負責,所以有些電廠介紹的網頁,要嵌入在電廠發電網站用的,就請版面設計師處理,在透過 frame/iframe 嵌入在發電網站。

www 更新的很順利,所以更新完也忘了它。過兩天後,慢慢有同仁反映電廠介紹的網頁無法正確顯示,由於我電腦正常,剛好更新韌體後,又有 Windows Update,我就沒積極處理,讓 IT 協助其他同仁去解決。

直到連資訊部的開發人員也發生同樣問題,資訊部同仁電腦狀況我比較熟,我就切入追蹤,我的電腦還是正常,所以在 IE 下強制重新整理 (Ctrl+F5) ,就開始不正常了,看了錯誤訊息是指此網頁不能顯示在框架中,所以之前正常應該是讀我電腦內的快取。

一開始我檢查網頁內容,以為是 google Analytics 改程式碼了,導致形象工程師內嵌在裡面的 script 做了阻擋,請形象設計師移除後,還是不正常,就改用開發模式看:

新韌體預設值變更為拒絕框架

新韌體預設值變更為拒絕框架

疑?居然有 X-Frame-Options 的設定?

用這關鍵字加上 QNAP 一搜尋就有解答,看起來是新版韌體預設加入。

新版韌體

新版韌體

依照 FAQ 是要透過 SSH 連入修改下面這個檔案:
/etc/config/apache/apache.conf

雖然 SSH 有 vi 可以編輯檔案,但我指令早忘了,要查起來使用說明還要花時間,還不如用 SFTP 進去抓檔修改再上傳:

啟用 SSH / SFTP 服務

啟用 SSH / SFTP 服務

config 是個虛擬目錄,要特別注意,點選後路徑會變更:

虛擬目錄 config

虛擬目錄 config

下載 apache.conf 來修改

下載 apache.conf 修改

下載 apache.conf 修改

可以把這行刪掉,官網建議加上 # 註解

用 Visual Studio Code 註解

用 Visual Studio Code 註解

改完後,QNAP 的 www 服務要重新啟用,就恢復正常了。

 

廣告
Categories: 工作點滴, 技術分享 | 標籤: | 發表留言

在 WordPress.com 建立免費網站或網誌.

%d 位部落客按了讚: