Heroku 上的 React 应用程序不提供公共目录中的资产答案

【问题标题】：React app on Heroku not serving assets from public directoryHeroku 上的 React 应用程序不提供公共目录中的资产
【发布时间】：2017-10-20 16:11:29
【问题描述】：

我有一个部署在 Heroku 上的 React Web 应用程序（带有 Flask API 后端）。在开发过程中，在本地主机上，我的公共资产显示得很好，例如图标。但是，一旦我部署到 Heroku，资产就不会出现。该应用程序通过返回 index.html 页面来解析请求，也就是说，它不是返回 favicon 的 ico 或 png，而是返回 text/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">

我做错了什么？

【问题讨论】：

标签： reactjs heroku

【解决方案1】：

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

【讨论】：