HTTP Get-Request返回HTTPS错误

Question

我在React中用axios和useEffect实现了一个Get-Request，我试图访问weatherstack，但出现了一个错误，我检查了控制台是否记录了

Object { code: 105, type: "https_access_restricted", info: "Access Restricted - Your current Subscription Plan does not support HTTPS Encryption." }

我有下面的代码，我已经检查了它是http，所以我不确定为什么会发生这种情况。我还碰巧看到，多次刷新它，比如5%的次数，它都能通过，所以这是我的代码错误还是其他原因？我不确定是什么表明这是https，因为我在url中使用了http。

useEffect(() => {
axios
.get("http://api.weatherstack.com/current?access_key=API_KEY&query=Bern")
.then(response => {
console.log(response.data)
})
}, [])

Answer 1

如果您的React应用程序运行在通过HTTPS提供服务的页面上，如果有HTTPS版本，浏览器将自动将请求从HTTP升级到HTTPS。谷歌的修复混合内容文章对此进行了详细描述。

据我所知，只有通过HTTP提供自己的页面，才能避免这种情况。因为即使你以某种方式禁用了自动HTTP-to-HTTPS，你可能仍然会收到一个混合内容警告，因为你正在从安全页面请求不安全的内容。