如果直接訪問如下 url：
http://localhost:4200/powertools-spa/en/USD/jerryproduct/3881018/Angle%20Grinder%20RT-AG%20115

頁面打開后，沒有看到和 product 相關的執行邏輯：

這個 cxRoute: ‘product’ 是哪里維護的？

看這個高亮區域是從哪里賦值的？

在 routing.module.js 里，一個初始化鉤子：

調試 35行這個 router 是如何被計算出來的即可：

通過依賴注入完成的：

根據如下關鍵字搜索：cxRoute: 'product

必須和 default-routing-config.ts 里定義的這個 product 字符串的大小寫完全一致：

最后發現了 product-details-page.module.ts 里調用了 Angular 標準的路由 API：RouterModule.forChild

component：路徑匹配時實例化的組件。Spartacus UI 里使用的是 PageLayoutComponent，這是一個 generic Component.

data 屬性：ActivatedRoute 提供給組件的由開發人員定義的額外數據。默認情況下，不傳遞任何額外數據。

Spartacus UI 傳遞了 cxRoute: ‘product’ 作為額外屬性。

做個實驗，把 ProductDetailsPageModule 的路由配置里的 cxRoute，改成 login：

路由就掛了：

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

總結

以上是生活随笔為你收集整理的SAP 电商云 Spartacus UI product 明细页面的路由配置的全部內容，希望文章能夠幫你解決所遇到的問題。

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