Jak konfigurovat nginx pro statické Angular UI

Pro zprovoznění Angular UI s nginx musíte načíst index.html pro jakékoliv URL, kde byste jinak vrátili 404, aby routing mohl fungovat:

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;
}

Úplný příklad pro default site s 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;
  }
}