如何自定义SAP Spartacus 产品明细的url pattern

在Spartacus源代码的storefrontlib/src/cms-structure/routing/default-routing-config.ts文件里,能看到Spartacus产品页面的默认url为:

product加上产品code加上产品名称:

如何自定义SAP Spartacus 产品明细的url pattern_第1张图片

一个例子:

如何自定义SAP Spartacus 产品明细的url pattern_第2张图片

url如下:

http://localhost:4200/electronics-spa/en/USD/product/932577/Digital%20Camera%20Tripod

如何自定义SAP Spartacus 产品明细的url pattern_第3张图片

我们可以在应用程序里复写这个配置,代码如下:

如何自定义SAP Spartacus 产品明细的url pattern_第4张图片

@NgModule({
  declarations: [CustomPageComponent],
  imports: [
    CommonModule,
    RouterModule.forChild(CUSTOM_ROUTES),
    ConfigModule.withConfig({
      routing: {
        routes: {
          product: {
            paths: ['cameras/:name/:productCode']
          }
        }
      }
    } as RoutingConfig)
  ]
})

最后的效果:http://localhost:4200/electronics-spa/en/USD/cameras/Digital%20Camera%20Tripod/932577

如何自定义SAP Spartacus 产品明细的url pattern_第5张图片

要获取更多Jerry的原创文章,请关注公众号"汪子熙":
如何自定义SAP Spartacus 产品明细的url pattern_第6张图片

你可能感兴趣的:(TypeScript,Angular)