字体 CORS 问题来自另一个域答案

【问题标题】：Font CORS issue is from another domain字体 CORS 问题来自另一个域
【发布时间】：2021-09-03 09:08:40
【问题描述】：

我的 React 应用在 Heroku 上，并且我已向该应用添加了 2 个域。

例如，

prod.tosky.com
prod.tosky-app.com

但是当我访问 prod.tosky.com 时，我遇到了 CORS 问题。

错误是

Access to font at 'https://prod.tosky-app.com/static/media/TitilliumWeb-Bold.08d37409.ttf' from origin 'https://prod.tosky.com' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

当我访问prod.tosky-app.com时也会发生这种情况

不确定为什么 front 来自另一个域。

知道为什么会这样吗？

【问题讨论】：

你在使用 webpack 吗？
是的，@NikolaCojcic
你能检查一下 webpack 配置中的 publicPath 是什么吗？
设置为 PUBLIC_URL 环境。
我明白了。 PUBLIC_URL 的值是多少？

标签： reactjs heroku fonts create-react-app

【解决方案1】：

我在 Webpack 配置中更新了publicURL

之前：

const publicURL = process.env.PUBLIC_URL

现在：

const publicURL = '/'

【讨论】：