若您選擇使用 [Hub 內嵌式 iFrame] 設定來顯示自訂索引標籤的 URL，但網站在 Hub Web 入口網站中無法正確顯示，您可以設定您的 Web 伺服器，允許網站在 iFrame 中正確呈現。
如何允許您的網站在 Hub Web 入口網站的自訂索引標籤中以 iFrame 方式顯示
若您的自訂索引標籤在 Hub 入口網站的 iFrame 中無法正確載入，可能是因為您的網站設定了 HTTP 回應標頭 X-Frame-Options 或 Content-Security-Policy，阻止網站在 iFrame 中顯示。
若您的網站設定了 HTTP 標頭 X-Frame-Option，請從網站組態中移除該 X-Frame-Option 標頭，以允許網站在 iFrame 中顯示。
若您的網站設定了 HTTP 標頭 Content-Security-Policy，若要允許網站在 iFrame 中顯示，請在該標頭中加入 frame-src 選項，以允許 Web 入口網站將您的網站嵌入 iFrame 中。請以下列格式輸入：
Content-Security-Policy: frame-src <https://YOUR-HUB-APP-URL>;
如何設定跨來源資源共用 (CORS)，以確保 Hub Web 入口網站自訂索引標籤中的影像正確顯示
若影像無法在 Web 入口網站的 iFrame 中正確載入，請設定您的網站，允許 Web 入口網站存取影像。
影像無法顯示的原因可能是瀏覽器出於安全考量，限制了來自指令碼的跨來源 HTTP 要求。這表示使用這些 API 的 Web 應用程式只能從載入應用程式的相同來源要求資源。為了讓來自其他來源的影像能正確顯示，其他來源的回應必須包含正確的 CORS 標頭。
CORS 是一種以 HTTP 標頭為基礎的機制，用於定義瀏覽器與伺服器之間的互動方式，以判斷是否可安全允許跨來源要求的方式。在執行特定類型的跨網域要求時，支援 CORS 的瀏覽器會先向裝載跨來源資源的伺服器起始額外的「預先檢查」要求，以判斷其是否具有執行該動作的權限。在預先檢查階段，瀏覽器會傳送標頭，指出實際要求中所使用的 HTTP 方法和標頭。
回應時，伺服器會傳送回具有 Access-Control-Allow-Origin: * 的 Access-Control-Allow-Origin 標頭，這表示可以從任何 (*) 來源存取資源。為了擷取影像資源，系統會使用 GET HTTP 要求，且伺服器會傳送回具有 Access-Control-Allow-Method: GET 的 Access-Control-Allow-Method 標頭，這表示可以透過 GET HTTP 要求存取資源。
為了讓影像能在 Web 入口網站中正確顯示，您需在網站上定義以下 CORS 預先檢查要求標頭。
Access-Control-Allow-Origin: <YOUR-HUB-APP-URL>
Access-Control-Allow-Method: GET
如需有關設定 CORS 的詳細資訊，請參閱跨來源資源共用網站。
此頁面對您有幫助嗎?