在 Angular 中直接在浏览器中输入嵌套 url

Question

我已经设置了 @RouteConfig，所以我有一条 /login 路线。

当我在浏览器中直接输入www.url.com/login时，它没有进入登录页面。它停留在根路径页面上。

我可以通过 routerLink 链接以编程方式告诉应用程序转到该页面。我怎样才能让它工作，以便在输入 www.url.com/login 时它会转到登录页面？

我的@RouteConfig

@RouteConfig([                                                                   
  {path: '/',        name: 'Index', component: IndexComponent, useAsDefault: true},
  {path: '/login',   name: 'Login', component: LoginComponent},                  
  {path:'/register', name: 'Register', component: RegisterComponent}             
])

Answer 1

确保基数 url 是 <base href="/">

如果索引 html 的基数 url 与 plnkr.co 中的一样以适合运行的 url，我可以重现您的问题演示（例如：http://run.plnkr.co/boByZFO8RKLNLKGx/），即：

<script>document.write('<base href="' + document.location + '" />');</script>

如果我将其更改为<base href="/">，问题就消失了。希望问题解决

在 Angular 中直接在浏览器中输入嵌套 url

Entering nested url directly into browser in Angular

angular

angular2-routing