2017-10-20 10 views
0

HerokuにデプロイされたReact Webアプリケーション(Flask APIバックエンド付き)があります。ローカルホスト上での開発中に、私の公的資産はうまく表示されます。ファビコン。しかし、いったんHerokuにデプロイすると、その資産は表示されません。アプリは、index.htmlページを返すことによってリクエストを解決します。つまり、faviconのicoやpngを返す代わりに、text/htmlファイルを返します。Heroku上のReactアプリがパブリックディレクトリからアセットを提供していない

私のディレクトリ構造は次のようになります。

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">  

は私が間違って何をしているのですか?

答えて

0

タグにtypeを含めるようにしてください。 .icoファイルの場合は、type="image/x-icon"となります。マニフェストファイルを使って何をしようとしているのか分かりません。

関連する問題