角路由器链接重定向到404

时间:2020-11-03 10:44:52

标签: html angular angular-ui-router http-status-code-404

我在角度上的routerlink有问题。我使用routerlinks重定向到应用程序的下一页。

如果我以ng服务开始我的应用,那么一切正常。如果我使用ng build来构建应用程序,则--prod routerlinks在某些情况下会返回404。

确切的问题: 我正在使用routeroutlet来显示不同的组件。如果单击在routeroutlet所显示的组件中的routerlink,则会得到404。如果我在routeroutlet之外的component.html中使用一条routerlink,一切正常。

那是我的路由器出口

<div class="">
  <router-outlet></router-outlet>
</div>

那是我的路由器链接

              <a [routerLink]="['overview']" [queryParams]="{categorie:'Shopping',subcategorie:'topcategorie'}"
                 class="btn btn-primary searchbutton">suchen</a>

那是我的路线:

const routes: Routes = [

  { path: 'overview/:categorie/:subcategorie', component: OverviewComponent },
  { path: 'overview', component: OverviewComponent },
  { path: 'overview/:brand', component: OverviewComponent },
  { path: 'overview/:product', component: OverviewComponent },
  { path: 'coupons', component: CouponComponent },
  { path: 'impressum', component: ImpressumComponent },
  { path: 'datenschutz', component: DatenschutzComponent },
  { path: 'details/:id', component: ProductDetailsComponent },
  { path: 'home', component: LandingpageComponent },
  { path: '', component: LandingpageComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

0 个答案:

没有答案