当前位置: 首页 > Web前端 > HTML5

SAP电商云SpartacusUI产品详情页路由路径自定义配置

时间:2023-04-05 21:18:03 HTML5

如下图所示。为了减少SAP电商云Spartacus客户在实施过程中不必要的配置,Spartacus会配置很多页面的默认路由路径。在default-routing-config.ts文件中定义如下:修改后,商品详情页和首页的商品超链接都变了:这个默认配置是什么时候读取的,如何解析的?如果只用product作为关键字去搜索,匹配的结果会太多,因为这个词太笼统了:而且RoutesConfig类型大多是代码动态解析的。换个思路,把product改成product2,看看会不会报错:这次就囧了,鼠标放在上面,显示的url指向首页链接,说明是product的url详情页根本没有生成,这条路走不通。然后根据paramsMapping查找,因为我们的代码肯定在某处,所以会解析这个字段:果然是在semantic-path.service.ts中:在semantic-path.service.ts中添加如下打印语句:我们看看第一行输出,这个/和login是如何解析的。Login.component.html中有一个管道:遇到下面这行代码:{{'miniLogin.signInRegister'|cxTranslate}}会读取Spartacus中的配置,将基于语义的路由配置转换为url。从routingConfigService读取配置:登录页面url清楚,产品页面呢?奇怪,如果直接访问下面的url:http://localhost:4200/powerto...页面打开后,并没有看到产品相关的执行逻辑:那么Spartacus是怎么知道加载产品详情的呢?页?我们后续文章会分享。更多Jerry原创文章在这里:《王子熙》: