問題描述

頁面裡的一個走外部引用的js如下，專案測試環境為HTTP請求沒有異常。

<script charset="UTF-8" type="text/javascript" src="http://index.js"></script>

在生產環境HTTPS請求時，頁面載入報錯。報錯內容如下：

Mixed Content: The page at 'https://index.html' was loaded over HTTPS, but requested an insecure script 'http://index.js'. 
This request has been blocked; the content must be served over HTTPS.
 

問題分析

由於瀏覽器的安全機制，禁止在HTTPS訪問中，跨域訪問HTTP請求。

解決

將該js引用修改為HTTPS連結，如果引用本身同時支援HTTP請求和HTTPS請求，可以修改為如下寫法：

<script charset="UTF-8" type="text/javascript" src="//index.js"></script>