Угловая маршрутизация переходит на домашнюю страницу при ручном обновлении или прямом наборе URL. - PullRequest
Новая
       14

Угловая маршрутизация переходит на домашнюю страницу при ручном обновлении или прямом наборе URL.

1 голос
/ 04 июля 2019

У меня угловое приложение, обслуживаемое сервером node.js. После обновления вручную или непосредственного ввода url / xyz или / abc, как показано в примере ниже. Я вижу, что он будет направлен на домашнюю страницу.

Пример: я нажимаю кнопку навигации (xyz и abc), она переводит меня к https://mywebsite/xyz и https://mywebsite/abc соответственно. Я вижу только / xyz или / abc, добавленные к https://mywebsite.

Я занят в производстве, у меня это послужило статическим файлом. Я покажу фрагмент кода. Пожалуйста, я аутентифицирую пользователей на основе JWT, он хранится в localStorage

приложение маршрутизации 

..I have imported those components here..
const appRoutes: Routes = [
  { path: 'home', component: HomeComponent , canActivate: [AuthGuard]},
  { path: '', component: HomeComponent,canActivate: [AuthGuard],
  //{ path: '', component: SigninComponent,
    children: [ 
      { path: '', component: xyz },
      { path: 'xyz', component: xyz },
      { path: 'abc', component: abc },
    ]}
];
@NgModule({
  imports: [
    RouterModule.forRoot(
      appRoutes

    )
  ],
  exports: [RouterModule],
  providers: [],
})
export class RoutingModule { }

app.js 

app.use(express.static(path.join(__dirname, '/client')));

app.get('/',function(req,res){  
  res.sendFile(path.join(__dirname, 'client/index.html'));
}); 
    let index = path.join(__dirname, '../../client/index.html');
    res.sendFile(index);

Я ожидал, что после перенаправления на index.html я перейду к app-routing. Таким образом, что я выполняю ручное обновление в https://mywebsite/abc, я остаюсь в https://mywebsite/abc, а не на домашней странице.

index.html 

<!doctype html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <title> Portal</title>
    <base href="/">
    <app-root>

        </app-root>
    </body>
</html>
...