angular - Angular 应用程序中 Font Awesome 字体的 CORS 错误

Question

我已经运行 Angular 和 Material 一段时间了，但这个问题突然出现，让我很困惑。我正在从 IntelliJ 运行我的 Angular 应用程序，这开始出现在我的控制台中。

在“https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2”访问字体'来自原产地' http://localhost:4200 ' 已被 CORS 策略阻止:预检响应中的 Access-Control-Allow-Headers 不允许请求 header 字段 x-ijt。

我的图标不再显示了。:(

我在这里找到了这个讨论:

https://github.com/google/WebFundamentals/issues/6881

但我没有运行引用的 Akamai 插件。

我也找到了这个讨论，但那似乎与 nginx 相关。

https://deliciousbrains.com/wp-offload-media/doc/configure-cors-to-resolve-web-font-issues/

我正在运行 Chrome 作为 IntelliJ 的调试浏览器。

Answer 1

所以，看完https://intellij-support.jetbrains.com/hc/en-us/community/posts/115000715304-Problem-with-Chrome-plugin-and-CORS

我检查了设置 |构建、执行、部署 |调试器，允许未签名的请求，我的图标又开始工作了。