问当使用expo google字体在https上加载时，我的react本机站点会提供多个混合内容警告。
EN

Stack Overflow用户

提问于 2020-11-24 15:54:18

回答 1查看 238关注 0票数 1

我正在开发一个网站，是与反应本土编码。我决定使用一些谷歌字体，因为它们很容易实现。一切都很好，直到我开始使用Traefik作为我的站点的反向代理，并且我决定使用https来保证它的安全性。唯一的问题是，现在当它加载时，它会在不安全的字体上抛出15个混合内容警告。

我就是这样把字体加载到我的应用程序中的..。

import {
    useFonts,
    Pacifico_400Regular,
    ComicNeue_400Regular,
    JosefinSans_400Regular,
    BalsamiqSans_400Regular,
    Inconsolata_400Regular,
} from '@expo-google-fonts/dev';
import { AppLoading } from 'expo';

function BodyText(props) {
    let [fontsLoaded] = useFonts({
        Pacifico_400Regular,
        ComicNeue_400Regular,
        JosefinSans_400Regular,
        BalsamiqSans_400Regular,
        Inconsolata_400Regular,
    });

这就是我要犯的错误..。

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

我不知道如何解决这个问题，因为没有对http的隐式引用，因此可以更改为https。

编辑：

问题的解决多亏了伊曼纽尔·斯卡巴托利

我将上面的代码更改为

import { useFonts, Pacifico_400Regular } from '@expo-google-fonts/pacifico';
import { ComicNeue_400Regular } from '@expo-google-fonts/comic-neue';
import { JosefinSans_400Regular } from '@expo-google-fonts/josefin-sans';
import { BalsamiqSans_400Regular } from '@expo-google-fonts/balsamiq-sans';
import { Inconsolata_400Regular } from '@expo-google-fonts/inconsolata';

这些是生产进口品。非常感谢你的帮助！

javascript