如何摆脱“请求的不安全字体”错误消息?

时间:2018-05-10 10:56:33

标签: javascript reactjs google-chrome https fonts

我在运行应用程序时在控制台中收到此错误消息:

Mixed Content: The page at 'https://example.com/' was loaded over HTTPS, but requested an insecure font 'http://themes.googleusercontent.com/static/fonts/rosarivo/v1/OGdIq-p0tOtBN2VMVvO9W_esZW2xOQ-xsNqO47m55DA.woff'. This request has been blocked; the content must be served over HTTPS.

它不会影响应用的功能,但Chrome认为它不安全,因为它试图加载这些不安全的字体。

我会将所有加载的字体从http://更改为https://,但我不知道它们出现在代码中的哪个位置。我没有在这个应用中添加任何谷歌字​​体,我也不确定为什么会出现这个错误信息。

这可能源于何种想法以及如何摆脱此错误消息?

谢谢!

编辑:

错误指向我的index.html文件。就是这样:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta https-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>The App</title>
  </head>

  <body>
    <div id="root"></div>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

问题似乎与我的浏览器有关。尝试在其他几个浏览器和设备,并正常工作。现在我仍然收到错误消息,但应用程序在网址旁标记为“安全”。所以任务完成了我猜