鏈接請求了不安全的XMLHttpRequest端點

Question

我對SSL / https相當陌生，但最終設法為我的網站創建了一個

https://thaihome.co.uk

現在的問題是這個奇怪的錯誤：

app.7e27c5b6c47cfaa5a0da.js:70 error occured for getting the country from: http://freegeoip.net/json/ {data: null, status: -1, config: {…}, statusText: "", headers: ƒ}
app.7e27c5b6c47cfaa5a0da.js:70 Mixed Content: The page at 'https://thaihome.co.uk/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://freegeoip.net/json/'. This request has been blocked; the content must be served over HTTPS.

而且它迅速消除錯誤，瀏覽器幾乎死掉了。

這是什么意思？ 該如何解決？

Answer 1

錯誤消息可以很清楚地解釋它，並告訴您確切的解決方法。

混合內容

您正在混合內容（來自HTTPS和HTTP）。

該頁面位於' https://thaihome.co.uk/ '

這是您的頁面。

通過HTTPS加載

您說過將其設置為使用HTTPS。 現在是HTTPS。

但是請求了不安全的XMLHttpRequest端點' http://freegeoip.net/json/ '。

而且您有一些JavaScript正在使用XMLHttpRequest對象發出HTTP請求。

您請求的URL是http://freegeoip.net/json/ ，這是不安全的。 即它使用HTTP而不是HTTPS。 您可以看出來，因為它以http:開頭。

該請求已被阻止；

由於它不安全，因此已被阻止。 否則，它將不安全的內容注入到本來安全的頁面中。 該頁面將不再安全。

內容必須通過HTTPS提供。

您需要通過HTTPS加載它，以確保它是安全的，然后才能從HTTPS頁面加載它。

Answer 2

這意味着您需要向https://freegeoip.net/json而不是http://freegeoip.net/json發出API請求

編輯：在網站上啟用SSL時，必須進行所有資產和請求以保護端點。 這意味着，即使您的圖像標簽具有不安全的圖像鏈接，該圖像鏈接也將像這樣發送到http： <img src="http://unsecure.com/img.jpeg" />您的瀏覽器也不會為您提供綠色鎖定安全符號。 一切都需要通過https完成。