在 HTTPS 网站上获得“阻止：混合内容”

Question

目前的行为是什么？

我正在生产中使用 Webpack 运行网站。

我很惊讶在 Chrome 控制台中看到以下关于加载与 weback 和 laravel-mix 混合的 js 文件的错误

我的问题：

1. 如何在使用 HTTPS 协议加载的网站上包含混合内容？
2. 如何解决该错误？我不打算通过 HTTP 为网站提供服务，我希望我的 js 在开发和生产中都能正确加载。

Answer 1

来自 mixed content 上的 MDN 文档

要修复这种类型的错误，所有对 HTTP 内容的请求都应该是 删除并替换为通过 HTTPS 提供的内容。一些常见的 混合内容的示例包括 JavaScript 文件、样式表、 图片、视频和其他媒体。