Как запустить мой сайт на Angular в Nginx

Создал простое Angular приложение, буквально одна страничка с меню и несколькими полями. Пробую запустить в IDEA - все работает. Теперь хочу запустить этот сайт в Nginx. Собираю проект

ng build --prod

копирую его в папку mysite на сервер добавляю в файл nginx.conf

server {
        listen       80;
        server_name  mysite;
        location / {
            root   ../mysite;
            index  index.html index.htm;
        }
}

добавляю в файл hosts строку

127.0.0.1       mysite

набираю в браузере

http://mysite

и не находит он моего сайта.

404 Not Found

Что я делаю не так? Может я в файле hosts что-то не то прописываю или его вообще не надо трогать?


Ответы (1 шт):

Автор решения: Dmitry Kozlov

У ангуляра свой роутер, поэтому все ссылки должны указывать на index.html

server {
   listen       80;
   server_name  mysite;
   root /usr/share/nginx/html; #путь к билду вашего проекта
   location / {
      try_files $uri$args $uri$args/ /index.html;
   }
}
→ Ссылка