@Wan-Derer
Зобанели на Хабре, волки́ ;((

Angular 14, почему теряются роуты при деплое?

Всем привет!
У меня есть фронт на Ангуляре. Там несколько компонент, к которым прописан роутинг, в файле app-routing.module.ts, примерно так:
const routes: Routes = [
  {path: '', component: HomeComponent},
  {path: 'page1', component: Page1Component},
  {path: 'page2', component: Page2Component},
  ........
  {path: '**', redirectTo: '/'}
];

На домашней странице у меня нет панели навигации т.к. предполагается что доступ к компонентам будет только по прямым ссылкам: my.site/page1
Всё работает в IDE, но перестаёт после деплоя (ng build) на сервер. Грузится только домашняя страница, а на переходы по прямым ссылкам - 404.
Я так понял что проблема типовая, но ника не пойму как же её решать. Настраивать сервер? Дописывать что-то в приложение?
Нашёл такую статью. Теперь я умею получать URL. Класс, но непонятно что делать дальше. Если 404, то до моего кода дело тупо не доходит - так? Или нет?
В качестве сервера у меня пока что NGINX, там прописано:
server {
  listen       80;
  server_name  localhost;
		
  location / {
	root "c:/MySite";

	try_files $uri $uri/ index.html;
  }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}


Подскажите что делать, по возможности подробнее, как для самых маленьких :)
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы