Имеется элементарная структура сайта:
http://localhost:4200 <-home-page http://localhost:4200/cars <-cars-page http://localhost:4200/not-found <- not-found
Прописаны роуты
const appRoutes: Routes = [
{ path: '', component: HomePageComponent },
{ path: 'cars', component: CarsPageComponent },
{ path: 'not-found', component: NotFoundComponent },
{ path: '**', redirectTo: '/not-found' }
];
Локально все работает замечательно, НО когда все собираю и заливаю на хост (к примеру
www.mysite.com), то когда перехожу по прямой ссылке, вкладки работают нормально, когда в адресной строке пишу руками
www.mysite.com/cars, или
www.mysite.com/blabla, то получаю ошибку
Нашел информацию, что можно в
app.modules.ts добавить строку
providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
Соответственно в адресной строке появляется
#, т.е.
www.mysite.com/#/,
www.mysite.com/#/cars,
www.mysite.com/#/not-found и все переходы работают без проблем и если руками прописываешь
www.mysite.com/#/cars попадаешь на нужную страницу
Есть ли еще варианты решения данной задачи, что бы не использовать
#
Спасибо за внимание! :)
Средний
