我有一个部署在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"
。我不清楚您要对清单文件做什么。