在浏览器地址栏angular 2中键入路线时刷新app

Question

我已经在angular2 app中定义了路线。

    const appRoute:Routes = [
  {path:'',component:LoginComponent},
  {path:'about',component:AboutComponent},
  {path:'cart',component:CartAreaComponent},
  {path:'checkout',component:CheckoutComponent},
  {path:'register',component:RegisterComponent},
  {path:'verify',component:VerifyUserComponent},
  {path:'login',redirectTo:''}
]

当我使用标签更改路线时，Everyhting正常工作。

但是当我尝试在浏览器地址栏中手动输入路线时。该应用程序刷新并回家路线。

e.g。直接在地址栏中输入时http://localhost:4200/verify无效。但是如果通过app中的某个链接完成工作。

请帮忙。

Answer 1

这可能是因为html5history模式。如果您没有使用哈希，那么您可以将服务器配置为回退到未找到的请求路由的index.html。当您手动键入地址并按Enter键进入服务器但是当您单击应用程序中的链接时，角度会在客户端处理它。