link请求不安全的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）。

  

＆＃39; https://thaihome.co.uk/＆＃39;

中的页面

这是你的页面。

  

是通过HTTPS加载的

你说你为HTTPS设置了它。它现在是HTTPS。

  

但请求了一个不安全的XMLHttpRequest端点＆＃39; http://freegeoip.net/json/＆＃39;。

你有一些JavaScript使用XMLHttpRequest对象发出HTTP请求。

您请求的网址为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完成。