Comment configurer mon serveur Nginx pour qu'il fonctionne avec une application React dans un sous-dossier?

Question

J'essaie de déployer une application React dans un sous-dossier sur mon serveur Nginx.

L'emplacement de cette application React est structuré comme: www.example.com/reactApp.

J'ai essayé de mettre en place mon nginx.conf actuelle comme ceci:

server { 
    ..other configs.. 

    location /reactApp { 
     root /var/www; 
     index reactApp/index.html; 
     try_files $uri $uri/ /index.html; 
    } 

    ..other configs.. 
} 

Cela n'a pas fonctionné. Que dois-je changer pour réparer mon routage de sous-dossier?

Answer 1

Le dernier composant de l'instruction try_files doit être un URI. En supposant que votre fichier index.html se trouve sous le sous-dossier /var/www/reactApp, vous devez utiliser:

location /reactApp { 
    root /var/www; 
    index index.html; 
    try_files $uri $uri/ /reactApp/index.html; 
} 

Voir this document pour plus.