Angular 2路由不起作用，不匹配

Question

我目前正在开发需要路由的Angular 2+应用程序。 应用的整个配色方案需要随URL参数的输入而改变。

我目前在app.module.ts中使用它：

const appRoutes: Routes = [
  { path: 'main/:key', component: MainComponent }
];

@NgModule({
  imports: [
    RouterModule.forRoot(appRoutes)
  ]
})

但是，当我访问时： http://localhost:4200/main/someKey 要么 http://localhost:4200/main?key=someKey 路径无法匹配，应用程序正在生成404。

这似乎是URL参数的最基本应用。 有什么想法为什么它不起作用？

Answer 1

我通过更改基本href来解决此问题。之所以将其设置为<base href="./">，是因为它在上传到服务器上的子目录时不起作用，但现在我将其更改回<base href="/">，从而解决了网址不匹配的问题。