Question

我有一个部署在Heroku上的React Web应用程序（带有Flask API后端）。在开发期间，在localhost上，我的公共资产显示得很好，例如favicon。但是，一旦我部署到Heroku，资产就不会出现。该应用程序通过返回index.html页面来解析请求，即不是返回例如图标的ico或png，而是返回text / html文件。

我的目录结构如下所示：

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

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

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

我做错了什么？

Answer 1

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

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

1 个答案: