Angular2路由配置（带有两个参数的路由）

debugcn 发表于 Dev

乔治

我正在我的angular2应用程序上配置我的路线：

因此，在app.routes.ts：

export const ROUTES: Routes = [{
   path: '', redirectTo: 'login', pathMatch: 'full'
  }, {
    path: 'app',   loadChildren: () => System.import('./layout/layout.module')
  }, {
    path: 'login', loadChildren: () => System.import('./login/login.module')
  }, {
    path: 'validate/:id/:token', loadChildren: () => System.import('./validate/validate.module')
  }, {
    path: 'error', component: ErrorComponent
  }, {
    path: '**',    component: ErrorComponent
  }
];

目前，我面临两个问题：

当我转到时http://localhost:3000，它会重定向到http://localhost:3000/Living%20User%20Platform#/login：我不太想知道为什么将Living%20User%20Platform#它添加到url而不是http://localhost:3000/login。
如您所见，我正在使用两个参数设置路线：validate/:id/:token。不过，当我在浏览器上写此URL（http：// localhost：3001 / Living％20User％20Platform＃/ validate？id = sdfsdf＆token = sdfsdf）时，它转到错误路由：

ValidateModule.ts：

export const routes = [
  {path: '', component: Validate, pathMatch: 'full'}
];

@NgModule({
  declarations: [
    // Components / Directives/ Pipes
    Validate
  ],
  imports: [
    CommonModule,
    FormsModule,
    RouterModule.forChild(routes),
  ]
})
export default class ValidateModule {
  static routes = routes;
}

有任何想法吗？

ranakrunal9

您正在Living%20User%20Platform进入自己的路线，因为可能<base href="/">您的HTML设置不正确，并且validate/:id/:token您需要使用UTL检查网址http://localhost:3001/Living%20User%20Platform#/validate/sdfsdf/sdfsdf

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。