React Heroku上的应用程序未提供公共目录中的资源
问题描述:
我在Heroku上部署了一个React网络应用程序(带有Flask API后端)。在开发过程中,在本地主机上,我的公共资产显示得很好,例如favicon。但是,一旦我部署到Heroku,资产就不会显示出来。该应用通过返回index.html页面来解析请求,即不是返回favicon的ico或png,而是返回text/html文件。React Heroku上的应用程序未提供公共目录中的资源
我的目录结构是这样的:
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"
。我不清楚你想用清单文件做什么。