由于内容安全策略，在 Render 上部署后端会导致“拒绝加载字体”错误，我该如何解决？

Question

我成功地在 Render 上部署了一个后端，但是当我 go 到链接时，API 返回 404 错误：

拒绝加载字体 'data:font/truetype;charset=utf-8;base64, d09GRgABAAAALM7AA8AAAABq0AAAAAAAACyRAAAAPcAAAHiAAAAAAAAABHUE9TAACIDAAAIgQAAH82Ol56cUdTVUIAAKoQAAAIMwAAFD6gNKPBT1MvMgAAA dAAAAABVAAAAYGbqc4pjbWFwAAAGbAAAA3wAAAU4Vch3gWN2dCAAAAwYAAAAQAAAAEAQPwNiZnBnbQAACegAAAEDAAAABcwZZnDdnbHlmAAAQvAAAbJ4AAOZUwSn/MmhlYWQAAAFYAAAAANgAAADYGApswaGhlYQAAAZAAAA AgAAAAJAdbBRtobXR4AAACKAAABEIAAAjwrN1ggGxvY2EAAAxYAAAEYgAABHqHyk9obWF4cAAAAbAAAAAgAAAAIARWA2ZuYW1lAAB9XAAAAoEAAAZuOd88j3Bvc3QAAH/gAAAIKgAAEi5ynk2NcHJlcAAACuwAAAEq AAACpAoaNTMAAQAAAAEAAA...STdLpgIn7fZCqSu5rDezyzyKpZz7vqhExLsEP0L+KQltJygoVYTqVM+PxDJaFaVekJvaE39RY7sTO7sCu7sbtQL3VQf92n+/WAHtRDehiopT2d6UU/BrAAS7EsK7Em67 IBO/KnjVXM1dKhE3yixfOtb3pmZY70/HBUmjxmflv/BTgtM3AAeAGFUUV3wzAM/it6vowXOA1cj5nxrueojZPWynPUDv58uWO4iT+Q7pBghoLQo1A79g2VrMbK6B75jAN47FBDPU56EMfDZhx DGsfrCrqh3VC5SLURRZY7HQrWYVteKlodpgoio9vOkq8JXPbzETifDPx3LGpP54wWehazx17QCjjf5O3v49DkAG/Yfph1UIbYOhpv69k5oy1XL8G1cpkent9bGPPae7sJ96Ojb5sfFwJm1MFQT nePAla5K8HVgPDWBG5+ vRbd2fwJg7xahhNv34+/Lb05R9MPTH3KQBiu2ZYkY43dmoA9tEiqcfHN+Gj2VzMA6Y+oeQ==' 因为它违反了以下内容安全策略指令：“default-src 'none'”。 请注意，未明确设置“font-src”，因此“default-src”用作后备。

这是我的应用程序 res.set：

 app.use((req, res, next) => { res.set("Access-Control-Allow-Origin", <URL>); res.set("Access-Control-Allow-Methods", "GET, POST, OPTIONS, PUT, DELETE"); res.set("Access-Control-Allow-Credentials", "true"); res.set("Access-Control-Allow-Headers", "Accept, Content-Type, Content-Length, Accept-Encoding, X-CSRF-Token, Authorization"); res.set("Content-Security-Policy", "font-src *;"); next(); });

我尝试用'self' data:, '*'...设置data-src 但仍然出现错误。 请问你能帮帮我吗？

多谢！

Answer 1

请尝试：

res.set("Content-Security-Policy", "font-src 'self' data:;");

不要忘记在重新加载之前清空浏览器缓存。

参考：内容安全策略“数据”不适用于 Chrome 28 中的 base64 图片