Angular 5 - 브라우저 새로 고침 시 홈페이지로 페이지 리디렉션

Angular 5 - 브라우저 새로 고침 시 홈페이지로 페이지 리디렉션

현재 다음과 같은 경로에서 페이지를 새로 고칠 때

http://localhost:4200/http

같은 경로를 유지합니다.하지만 그 경로가 다음으로 리디렉션되길 바랍니다.

http://localhost:4200

저는 사람들이 같은 경로를 유지하기 위해 어떻게 새로 고침을 시행하는지 문의하는 것을 보았습니다.그래서 기본 각도는 브라우저 새로 고침 시 홈페이지로 리디렉션되어야 할 것 같습니다.제 각진 디폴트 프로젝트가 왜 이것을 다르게 하는지 아십니까?

아래는 내 AppRouting 모듈입니다.

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 { }

Chris Sharp가 언급한 바와 같이, 당신이 달리 말하지 않았기 때문에, 당신의 앱은 URL이 가리키는 곳으로 라우팅하면서 정확히 해야 할 일을 하고 있습니다.

당신이 할 수 있는 것은, 당신의 안에 있는 것입니다.app.component들어가셔도 됩니다OnInit루트로 리디렉션합니다.그러면 앱이 초기화되면 루트 페이지로 리디렉션됩니다.

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*/']) 
  }
}

각도 8의 페이지를 다시 로드해야 할 경우 다음을 수행하십시오. 저에게 효과가 있었습니다.

<a href="/page">Go to page</a>

언급URL : https://stackoverflow.com/questions/47234250/angular-5-redirect-page-to-homepage-on-browser-refresh