Angular 5 - перенаправить страницу на домашнюю страницу при обновлении браузера

В настоящее время, когда я обновляю страницу из маршрута, как

HTTP: // локальный: 4200 / обратная связь

он остается на том же маршруте. Но я хочу, чтобы маршрут был перенаправлен на

HTTP: // локальный: 4200

Я видел, как люди спрашивали, как реализовать обновление, чтобы остаться на том же маршруте. Так что я думаю, по умолчанию угол должен перенаправить на домашнюю страницу при обновлении браузера. Любая идея, почему мой угловой проект по умолчанию делает это иначе?

Ниже мой AppRoutingModule

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { SmileyFeedbackComponent } from '../smiley-feedback/smiley-feedback.component';
import { FeedbackFormComponent } from '../feedback-form/feedback-form.component';
import { ThankYouComponent } from '../thank-you/thank-you.component';

const routes: Routes = [
  { path: '', redirectTo: '/smiley', pathMatch: 'full' },
  { path: 'smiley', component: SmileyFeedbackComponent },
  { path: 'feedback', component: FeedbackFormComponent },
  { path: 'thank-you', component: ThankYouComponent }
];

@NgModule({
  imports: [
    RouterModule.forRoot(routes)
  ],
  exports: [ RouterModule ],
  declarations: []
})
export class AppRoutingModule { }
Источник

2 ответа

Решение

Как упомянул Крис Шарп, ваше приложение делает именно то, что должно, перенаправляя его в то место, на которое указывает URL, поскольку вы не сказали об этом иначе.

Что вы можете сделать, это в вашем app.component ты можешь в OnInit перенаправить в root. Это означает, что при инициализации приложения вы перенаправляетесь на корневую страницу.

export class AppComponent { 
  constructor(private router: Router) {}

  ngOnInit() {
    this.router.navigate([''])
  }
}
Источник

Импортировать маршрутизатор

import { Router } from '@angular/router';

Инициировать маршрутизатор в конструкторе

export class LoginComponent implements OnInit {
 constructor(private router:Router) {}
  loginCheck() {
    /*Your HTTP REQUEST HERE */
    this.router.navigate(['/*Your Path Here*/']) 
  }
}
Источник

Если вам нужно перезагрузить страницу в angular 8, сделайте следующее, у меня это сработало.

<a href="/page">Go to page</a>
Источник
Другие вопросы по тегам