我正在尝试从本地主机加载webpack-dev-server提供的图标字体(尤其是office-ui-fabric-react)。我允许出现错误的localhost证书后立即加载js-bundle,但是由于证书问题而阻止了字体。
我已经在开发服务器的配置中添加了"Access-Control-Allow-Origin":"*"
,但是字体被net::ERR_CERT_AUTHORITY_INVALID
阻止了。为什么字体使用的证书与其他捆绑软件使用的证书不同?
js-bundle与babel-loader和ts-loader捆绑在一起
通过使用import
语句添加所需的字体,文件加载器中包含了这些字体。
实际上是通过添加对initializeIcons("https://localhost:8080/fonts/");
的调用来加载文件的,并且组件在需要时加载所需的字体。当组件中出现404时,我将它们全部添加了。
在新标签页中调用URL时,它将按预期下载字体。