我使用基于版本 3.4.5(某客户正在使用)的 Schematics 创建了一个店面,并在 SSR 模式下运行它。

我在浏览器中访问 http://localhost:4000/。

通过 Chrome 开发工具我知道主页的源代码是由 SSR 服务器成功生成了。

然而,即使在 SSR 模式下,我发现 /cms/pages OCC API 仍然是从客户端触发的。

在 SSR 服务器的 log 里,我没有发现 CSR fallback:

但是,在客户端,我仍然发现了这些 OCC API call:

即使我使用了如下代码:

ConfigModule.withConfig({state: {ssrTransfer: {keys: {products: true,cms: true}}}
});

只能确保客户端没有发送 product 相关的 API 调用。

解答

  • 对于产品 - 我猜状态已从 SSR 转移到 CSR。
  • 对于 cms - 我想无论我们是否在 ngrx 商店中,我们都会进行调用。 我们正在讨论的东西可能会在未来改进

默认情况下,Spartacus 在每次路由更改时重新加载 CMS 页面数据,无论它是否已经维护在 ngrx state 之中。 但是,客户可以通过 Spartacus 配置 routing.loadStrategy: RouteLoadStrategy.ONCE 对其进行不同的配置
它在 CmsPageGuard.shouldReload 方法中使用。

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

关于 SAP 电商云 Spartacus UI SSR 的 state transfer 问题相关推荐

  1. 为什么 SAP 电商云 Spartacus UI SSR 模式下的客户端应用,不会发起 product 请求

    我们如果通过 CSR 即 Client Side Render 的方式启动 SAP Spartacus UI,可以在 Chrome 开发者工具里观测到 Product Carousel 对应的产品主数 ...

  2. SAP 电商云 Spartacus UI SSR 单元测试里的 callFake

    callFake 的接口定义可以在 jasmine.js 里找到: SpyStrategy.callFake, 返回 Spy 对象. spy1 即 originalEngine,二者指向同一个对象实例 ...

  3. SAP 电商云 Spartacus UI SSR 里 engine 和 engine instance 的区别

    传入 originalEngine 到装饰器 decorateExpressEngine 里: 传出的是一个 engine 函数,engine 函数包括了 original Engine 这个函数,然 ...

  4. SAP 电商云 Spartacus UI 产品搜索结果的设计明细

    我们使用如下 url 访问 SAP 电商云 Spartacus UI 产品搜索页面: http://localhost:4000/electronics-spa/en/USD/search/sony ...

  5. Mobile first 设计思路在 SAP 电商云 Spartacus UI 中的设计体现一例

    关于 Mobile First 的概念,请查看我这篇文章:什么是前端开发中的 mobile first 策略. 下图是 SAP 电商云 Spartacus UI 的搜索结果页面: 其布局设计:temp ...

  6. SAP 电商云 Spartacus UI ComponentDataProvider defer 工厂函数

    为什么 this.componentService.getItems 最后就触发到 Component-data.provider.ts 工厂函数的执行了? 29行的 getService: getS ...

  7. SAP 电商云 Spartacus UI 里如何捕捉语言设置的更改

    我们知道在 SAP 电商云 Spartacus UI 里,用户可以通过下拉菜单更改当前访问 site 的语言: 监控语言变化的代码: this.subscription.add(this.langua ...

  8. 在 SAP 电商云 Spartacus UI 里手动注入 module 的几种排列组合

    先把所有的排列组合罗列如下: (1) 通过构造函数注入 QuickOrderFacade,但不调用其方法 (2) 通过构造函数注入 QuickOrderFacade,调用其方法 (3) 手动通过 in ...

  9. SAP 电商云 Spartacus UI Proxy Facade 的一个实际例子

    如何理解 SAP 电商云 Spartacus UI 中的 proxy facade? Jerry 这篇文章什么是 SAP 电商云 Spartacus UI 的 proxy façade提供了理论上的解 ...

最新文章

  1. shell eval命令
  2. Java程序员修炼之路(一)我们为什么选择Java
  3. 2020职场人裸辞三大原因:不开心、工资低、没有盼头
  4. 干货整理 Unity3D资源汇总
  5. java 信使服务_java – 自行车信使/ TSPPD与OptaPlanner
  6. java.net.URLEncode编码 与 URLDecode解码问题
  7. java 解锁关闭文件占用_程序员:Java文件锁定、解锁和其它NIO操作
  8. hdu 4300(kmp)
  9. 干货:怎么提高科技成果转移转化成效?
  10. 动态规划:完全背包问题
  11. mangos声望值例子
  12. wps怎么恢复成单页_WPS怎么调回单页显示
  13. 客户端加密服务器端解密文件,RSA(客户端加密/服务器解密)
  14. 走进JavaWeb技术世界12:从手动编译打包到项目构建工具Maven
  15. QT-3-基本组件2
  16. vue项目配置生产、测试和开发环境
  17. 3d打印服务武汉迪万定制模型
  18. cocoaPods 查看当前源
  19. Java 重载、重写、构造函数详解
  20. HC 小区管理系统工单微信模板消息配置说明

热门文章

  1. 想转行做web前端工程师,必学这6大技能!你都知道吗?
  2. Markdown基本语法总结
  3. Excutor线程池
  4. Rabbitmq集群高可用部署详细
  5. Python 中的 os 模块常见方法?
  6. 使用腾讯云CDN做HTTPS的WordPress博客时要改的代码
  7. FPGA时序约束和timequest timing analyzer
  8. i.mx6 Android5.1.1 servicemanager本地服务
  9. SegmentFault 巨献 1024 程序猿游戏「红岸的呼唤」第一天任务攻略
  10. POJ3069:Saruman's Army