Як налаштувати nginx для статичних Angular UI

Щоб Angular UI працювали з nginx, вам потрібно завантажувати index.html для будь-якого URL, де ви б інакше повертали 404, щоб дозволити маршрутизації працювати:

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

Повний приклад для сайту за замовчуванням з 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;
  }
}