在我的 Netlify 函数中,我有以下 API 调用:
const response = await axios.get('https://api.openweathermap.org/data/2.5/weather');
但后来我将它部署到站点,在控制台中浏览器说:
阻止加载混合的活动内容
我已经完成了我的研究,似乎当您通过 HTTPS 站点发出 HTTP 请求时会发生这种情况,但该请求明确表示 HTTPS。
此外,当我在本地运行项目时,它运行良好。
在我的 Netlify 函数中,我有以下 API 调用:
const response = await axios.get('https://api.openweathermap.org/data/2.5/weather');
但后来我将它部署到站点,在控制台中浏览器说:
阻止加载混合的活动内容
我已经完成了我的研究,似乎当您通过 HTTPS 站点发出 HTTP 请求时会发生这种情况,但该请求明确表示 HTTPS。
此外,当我在本地运行项目时,它运行良好。
尝试添加此元标记<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
在域 example.com 上设置此标头并希望从 HTTP 迁移到 HTTPS 后,非导航不安全资源请求将自动升级(第一方和第三方请求)。查看Mozilla