Next.js 从 public 文件夹提供的字体有错误的内容类型

Question

我有一个 Next.js 站点，我在该站点上使用 @font-face 提供一些自托管字体，并且在本地字体运行良好，没有错误且内容类型正确，就像这样:

但是一旦我将它安装到生产服务器上，就会提供字体，但会出现 500 条错误并通过内容类型text/html。

不确定这里发生了什么。我之前在其他网站上通过 public 文件夹提供字体，没有问题。这是在 Digital Ocean 上，有一个自定义的 express 服务器处理一些额外的事情。我试过不同的字体文件类型，移动字体目录等

更奇怪的是，我在 Chrome 上只得到 500 个错误。 Safari 和 Firefox 都会提供状态为 200 的字体，但它们的内容类型仍然是 txt。

这里是 staging server.

Answer 1

原来是CORS问题。我必须通过 Express.js 更新我的 CORS 策略以允许远程服务器。这为我解决了问题。