当前位置:网站首页>关于 SAP 电商云 Spartacus UI SSR 的 state transfer 问题
关于 SAP 电商云 Spartacus UI SSR 的 state transfer 问题
2022-08-04 19:58:00 【华为云】
Angular的TransferState类使服务器端渲染(SSR)和预渲染(SSR) Angular应用能够使用从服务器获取的数据在浏览器中高效地渲染。
我使用基于版本 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 方法中使用。
边栏推荐
- 使用 Chrome 开发者工具 coverage 功能分析 web 应用的渲染阻止资源的执行分布情况
- WIN10系统如何开启终端
- SAP UI5 确保控件 id 全局唯一的实现方法
- 腾讯云胡启明:Kubernetes云上资源的分析与优化
- 刷题-洛谷-P1317 低洼地
- visual studio 与 visual studio code
- T+Cloud: A "Smart Company" for Building New Business Social Networks and Marketing Relationships
- QT 小知识随记
- 简单理解 JS 事件循环
- 华为WLAN技术:AP上线及相关模板的配置实验
猜你喜欢

linkboy 5.0 正式发布,新增语音识别、图像识别

Notepad++更改显示背景

JS手写JSON.stringify() (面试)

CAS :80750-24-9(脱硫生物素 NHS 酯)

ASP.NET商贸进销存管理系统源码(带数据库文档)源码免费分享

The book "The Essence of Alipay Experience Design", a record of knowledge related to testing

动态数组底层是如何实现的

搭建MyCat2一主一从的MySQL读写分离

【Attention 演变史】RNN的产生、架构、推广、问题(第一弹)

刷题-洛谷-P1200 你的飞碟在这儿Your Ride Is Here
随机推荐
使用 Chrome 开发者工具的 lighthouse 功能分析 web 应用的性能问题
Use "green computing" technology to promote sustainable development of computing power
使用 Allatori 进行 Jar 包混淆
程序员如何在职场上少走弯路?
5G NR 笔记记录
基于Nodejs的电商管理平台的设计和实现
蚂蚁集团时序数据库CeresDB正式开源
c sqlite...
QCustomPlot 坐标轴间隔显示刻度标签
如何使用 jMeter Parallel Controller - 并行控制器以及一些常犯的错误
WIN10系统如何开启终端
Nuxt.js的优缺点和注意事项
Apache服务器配置多个站点
Unreal 本地化 国家化 多语言
Tensorflow2 环境搭建
笔记本WIFI无法上网(无Internet访问权限)
致-.-- -..- -
「 WAIC 2022 · 黑客马拉松」蚂蚁财富两大赛题邀你来战!
hash和history路由的区别
Elastic Search 根据匹配分和热度分排序