nginx: envoyer toutes les demandes sur une seule page html

En utilisant nginx, je souhaite conserver l'URL, mais charger la même page quoi qu'il arrive. J'utiliserai l'url avec History.getState()pour acheminer les requêtes dans mon application javascript. Il semble que cela devrait être une chose simple à faire?

location / {
    rewrite (.*) base.html break;
}

fonctionne, mais redirige l'URL? J'ai toujours besoin de l'url, je veux juste utiliser toujours la même page.

Je pense que cela le fera pour vous:

location / {
    try_files /base.html =404;
}

L'utilisation try_filesne fonctionnait tout simplement pas pour moi - cela provoquait une erreur de réécriture ou de cycle de redirection interne dans mes journaux.

La documentation Nginx contenait quelques détails supplémentaires:

http://nginx.org/en/docs/http/ngx_http_core_module.html#try_files

J'ai donc fini par utiliser ce qui suit:

root /var/www/mysite;

location / {
    try_files $uri /base.html;
}

location = /base.html {
    expires 30s;
}

Votre réécriture originale devrait presque fonctionner. Je ne sais pas pourquoi cela redirigerait, mais je pense que vous voulez vraiment

rewrite ^ /base.html break;

Vous devriez pouvoir le mettre dans un emplacement ou directement sur le serveur.

Cela a fonctionné pour moi:

location / {
    alias /path/to/my/indexfile/;
    try_files $uri /index.html;
}

Cela m'a permis de créer une URL fourre-tout pour une application javascript d'une seule page. Tous les fichiers statiques tels que css, polices et javascript créés par npm run build seront trouvés s'ils se trouvent dans le même répertoire que index.html.

Si les fichiers statiques se trouvaient dans un autre répertoire, pour une raison quelconque, vous auriez également besoin de quelque chose comme:

# Static pages generated by "npm run build"
location ~ ^/css/|^/fonts/|^/semantic/|^/static/ {
    alias /path/to/my/staticfiles/;
}

Cela a fonctionné pour moi:

location / {
    try_files $uri $uri/ /base.html;
}

La bonne façon serait:

location / {
    rewrite (.*) base.html last;
}

L'utilisation lastpermettra à nginx de trouver un nouveau locationbloc approprié en fonction du résultat de la réécriture.

try_files est également une approche parfaitement valable de ce problème.