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

时间:2016-01-04 22:53:06

标签: angular angular2-routing

我已设置@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}             
])  

1 个答案:

答案 0 :(得分:2)

确保基本网址为<base href="/">

如果索引html的基本网址与plnkr.co中的基本网址相同,我可以重现您的问题,以适应正在运行的演示的网址(例如:http://run.plnkr.co/boByZFO8RKLNLKGx/),即:

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

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