SAP Spartacus not found的页面处理机制

当我们跳转到一个SAP Spartacus里实际并不存在的页面时：

首先会将url里的值比如1，作为pageLabelOrID的参数值，去Commerce Cloud后台读取对应的content page，当然是读取不到的，因此返回404错误：

观察这个canActivate方法：

输入参数route：

里面的RouterStateSnapshot结构的url字段，包含了试图跳转的url：

首先利用map操作，把route.url, 也就是UrlSegment结构里的path字段的值提取出来：

这里就会将1作为content page的id，去后台取page数据：

因为后台API返回404错误，pageData为undefined，所以激活NotFoundPage：

not found page的元数据：

最后的not found page渲染如下：

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

SAP Spartacus not found的页面处理机制相关推荐

SAP Spartacus 404 Not found页面的显示机制 - canActivateNotFoundPage
这个方法位于类CmsPageGuardService内. 当我们请求一个实际并不存在的page时, 因为1这个path对应的route configuration里的protected字段为undef ...
SAP Spartacus 的 Above-the-Fold Loading 加载机制
https://sap.github.io/spartacus-docs/above-the-fold/ Above-the-fold loading is a technique that prio ...
如何让SAP Spartacus的非英语页面正常显示
如下图所示,当修改Spartacus的语言成德语时,我们在界面上看到很多用大括号包裹起来的占位符,这些占位符是Spartacus internationalization(i18n)支持的resour ...
SAP Spartacus和传统的Accelerator超时机制(timeout)的区别
Spartacus works differently than Accelerator. In the Accelerator, the session expires after a determ ...
SAP Spartacus Org Unit明细页面的工具栏按钮设计
工具栏上肉眼可见两个按钮:Edit和Disable 其中Edit按钮通过a标签实现: 而disable通过自定义的cx-org-toggle-status实现: 从最后渲染出的html页面里能看出,c ...
SAP Spartacus Org Unit明细页面的设计原理
该页面分三部分组成. 其中蓝色和绿色两个区域的实现如下:两个section标签页: section是HTML标准的标签之一,每个标签通过h1到h6不等的heading标签标识. 运行时渲染的HTML原 ...
SAP Spartacus Organization Unit User页面的实现层级结构
右边这个页面的实现细节: 层级结构如下: (1) cx-org-unit-user-list, Component为UnitUserListComponent: (2) cx-org-sub-list ...
SAP Spartacus HTTP请求的错误处理机制
HttpInterceptor来自Angular标准库,而构造函数里注入的handlers,类型为HttpErrorHandler,后者是Spartacus自己实现的. HttpErrorHandle ...
SAP Spartacus的用户登录页面设计
点击sign in之后,先取token: https://spartacus-dev0.eastus.cloudapp.azure.com:9002/authorizationserver/oauth ...

SAP Spartacus not found的页面处理机制

SAP Spartacus not found的页面处理机制相关推荐

最新文章

热门文章