新建一個Route module：

import { NgModule } from '@angular/core'; import { ConfigModule, OccConfig, RoutingConfig } from '@spartacus/core';@NgModule({declarations: [],imports: [ConfigModule.withConfig({routing: {routes: {product: {paths: ['cameras/:productCode/:manufacturer/:name','cameras/:productCode/:name','cameras/:productCode/',]}}}} as RoutingConfig),ConfigModule.withConfig({backend: {occ: {endpoints: {productSearch:// tslint:disable-next-line: max-line-length'products/search?fields=products(code,manufacturer,name,summary,price(FULL),images(DEFAULT),stock(FULL),averageRating,variantOptions),facets,breadcrumbs,pagination(DEFAULT),sorts(DEFAULT),freeTextSearch,currentQuery',},},},} as OccConfig),] }) export class RoutingConfigurationModule { }

默認的路由url：product/productCode/productName

我在TypeScript代碼里維護的路由url里，包含了硬編碼的camera，如下所示：

camera/productCode/productName

啟用我自定義的路由module之后，運行時效果：

另一種包含了manufactor code的url：

這是因為我在api endpoint里，指定了將manufacturer字段一并取回：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的如何定制化SAP Spartacus的页面路由Route的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。