В настоящее время я сталкиваюсь с проблемой маршрутизации веб-приложения.Я использую Угловой 7 .Я определил путь для неизвестного маршрута.Так что локально, где маршрут неизвестен или если вы обновите маршрут браузера, вы попадете на домашнюю страницу.Но на сервере это сразу идет к 404 не найден.
Я добавил следующий код как часть routing.module.ts
файла.
javascript
const routes: Routes = [
{
path: '',
redirectTo: '/workflow',
pathMatch: 'full'
},
{
path: 'workflow',
pathMatch: 'full',
component: HamburgerComponent,
children: [
{ path: '', component: WorkflowTabsComponent}
]
},
{ path: '**',
redirectTo: '/workflow',
pathMatch: 'full'
}
]
Файл app.module.ts.
providers: [{ provide: APP_BASE_HREF, useValue: '/' }]
Локальное поведение
С этой конфигурацией локально, когда я нажимаю следующий URL, он получает мне страницу рабочего процесса.
http://localhost:4200/abcdworkflow => http://localhost:4200/workflow
он будет перенаправлен на рабочий процесс и покажет мне страницу.
Поведение сервера
http://localhost:4200/abcdworkflow => 404 Запрашиваемый URL / логин не найден на этом сервере.
Я собираю угловой пакет локально со следующей опцией.
"build": "ng build --prod --base-href / --deploy-url /main-app/"
Сборка создаст пакетвнутри main-app / all-files.
Расположение на сервере.var / www / html / main-app Мое приложение подается из следующего местоположения.
Что мне здесь не хватает?Кто-нибудь может указать мне?