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="/">，这解决了url不匹配的问题。