Heroku 上的 React 应用程序不提供来自公共目录的资产



我有一个部署在Heroku上的React Web应用程序(带有Flask API后端)。在开发过程中,在本地主机上,我的公共资产显示得很好,例如网站图标。但是,一旦我部署到 Heroku,资产就不会显示。该应用程序通过返回索引.html页面来解决请求,即它不是返回图标的ico或png,而是返回文本/html文件。

我的目录结构如下所示:

client/public/
  index.html
  favicon/
    manifest.json
    favicon.ico
    favicon-16x16.png
    ...

这就是我尝试在index.html文件<head>中引用它们的方式:

<link rel="manifest" href="%PUBLIC_URL%/favicon/manifest.json">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon/favicon.ico">       

我做错了什么?

确保在<link />标记中包含type。对于.ico文件,它将是:type="image/x-icon" 。我不清楚您要对清单文件做什么。

最新更新