Comment configurer nginx pour les UIs Angular statiques

Afin de faire fonctionner les UIs Angular avec nginx, vous devez charger index.html pour toute URL où vous retourneriez autrement 404 afin de permettre le routage de fonctionner :

nginx_angular_try_files.conf

location / {
  try_files $uri $uri$args $uri$args/ /index.html;
}

location / {
  try_files $uri $uri$args $uri$args/ /index.html;
}

Exemple complet pour le site par défaut avec API :

nginx_angular_full.conf

server {
  listen 80 default_server;
  listen [::]:80 default_server;

  root /var/www/html;

  index index.html;

  server_name MyServer;

  location / {
    try_files $uri $uri$args $uri$args/ /index.html;
  }

  location /api {
    proxy_pass http://localhost:8080;
  }
}

server {
  listen 80 default_server;
  listen [::]:80 default_server;

  root /var/www/html;

  index index.html;

  server_name MyServer;

  location / {
    try_files $uri $uri$args $uri$args/ /index.html;
  }

  location /api {
    proxy_pass http://localhost:8080;
  }
}