Всем привет!
У меня есть фронт на Ангуляре. Там несколько компонент, к которым прописан роутинг, в файле 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;
}
}
Подскажите что делать, по возможности подробнее, как для самых маленьких :)