2017-10-20 18 views
0

J'ai une application Web React (avec un backend API Flask) qui est déployée sur Heroku. Au cours du développement, sur localhost, mes actifs publics apparaissent très bien, par ex. le favicon. Cependant, une fois déployé à Heroku, les ressources n'apparaissent pas. L'application résout les requêtes en renvoyant la page index.html, c'est-à-dire au lieu de renvoyer, par exemple, un ico ou un png pour le favicon, il renvoie des fichiers texte/html.Réagissez sur l'application Heroku ne servant pas les actifs du répertoire public

Ma structure de répertoire ressemble à ceci:

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

Et voilà comment je suis en train de les référencer dans le <head> de mon dossier index.html:

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

Qu'est-ce que je fais mal?

Répondre

0

Assurez-vous d'inclure un type dans la balise <link />. Pour le fichier .ico ce serait: type="image/x-icon". Je ne suis pas clair sur ce que vous essayez de faire avec le fichier manifeste.