混合内容：“<URL>”处的页面是通过 HTTPS 加载的，但请求了不安全的字体“”答案

【问题标题】：Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure font ''混合内容：“<URL>”处的页面是通过 HTTPS 加载的，但请求了不安全的字体“”
【发布时间】：2019-10-10 09:40:40
【问题描述】：

由于某种原因，字体的 url 是空的，正如我在网络选项卡中看到的那样。

混合内容：“”处的页面是通过 HTTPS 加载的，但请求了不安全的字体“”。此请求已被阻止；内容必须通过 HTTPS 提供。

这与使用 http 无关，因为它是应用程序本身内部的一种字体。当我在本地运行应用程序时这很好。

@font-face {
  font-family: Open-Sans-Bold;
  src: url('../fonts/OpenSans-Bold.ttf');
}

【问题讨论】：

你确定这是导致错误的字体吗？
你能显示原来的错误吗？
标题中的错误。
我只需要知道为什么字体url是空白的。

标签： reactjs

【解决方案1】：

我的问题是字体大小。我在 webpack 加载器中有一个限制。所以它是空的。但错误信息是如此糟糕和令人困惑。

【讨论】：

面临完全相同的问题。我需要改变什么？