Угловая проблема проекта с маршрутизацией в производстве

Question

Я разработал угловой веб-сайт: в тестовом режиме все работает нормально на моем локальном хосте: 4200, но когда я загружаю веб-сайт на свой сервер, у меня возникает большая проблема с навигацией:

это моя маршрутизация

const routes: Routes = [
  { path: ':id/main', component: MainComponent }
];

и, как вы можете видеть, я могу получить доступ к «MainComponent» с параметром: / id на самом деле в localhost: 4200, если я запускаю https://localhost:4200/test/main, я получаю доступ к основному компоненту, но когда я ввожу http://mywebsite/test/main Я получаю страницу 404 не найдена. Как я могу решить?

Answer 1

Если приложение использует угловой маршрутизатор, необходимо настроить сервер так, чтобы он возвращал страницу хоста приложения (index.html) при запросе файла, которого у него нет.

Нажатие на ссылкув электронном письме, введя его в адресную строку браузера или просто обновив браузер на странице сведений о герое - все эти действия выполняются самим браузером за пределами запущенного приложения. Браузер отправляет прямой запрос на сервер для этого URL-адреса в обход маршрутизатора.

Статический сервер обычно возвращает index.html при получении запроса на http://www.sample.org/. Но он отклоняет http://www.sample.org/heroes/42 и возвращает ошибку 404 - Not Found, если только он не настроен на возврат index.html.

Для получения дополнительной информации о настройке serverm, пожалуйста, посетите сайт угловая документация