當我訪問本地啟動的 SAP Spartacus Storefront 時，在 Chrome 開發者工具里觀察到總共 23 個 OCC API 調用：

http://localhost:4200/electronics-spa/en/USD/

這23個 OCC API 調用從功能上可以分成三組：

第一組：包含一個請求

/occ/v2/electronics-spa/cms/pages?lang=en&curr=USD

Cache-Control in request headers: no-cache

客戶端 HTTP 請求 cache-control 的值 為 no-cache，告訴服務器，在發送響應給客戶端之前，先進行緩存有效性驗證(cache validation)

服務器返回的響應頭部字段 Cache-Control 的值：private

根據下面這篇文檔，帶有 cache-control:private 的響應，不應該在 CDN 里緩存。

在該 pages OCC API 調用結束之后，其他 22 個 OCC API 才能觸發。

第二組：包含五個請求

(1) /occ/v2/electronics-spa/languages?lang=en&curr=USD

request header：Cache-Control: no-cache
response header：public, max-age=1800

(2) /occ/v2/electronics-spa/currencies?lang=en&curr=USD

request header：Cache-Control: no-cache
response header：public, max-age=1800

(3) /occ/v2/electronics-spa/cms/components?fields=DEFAULT&currentPage=0&pageSize=26&componentIds=AllBrandsCategoryLink%2CCanonBrandCategoryLink%2CSonyBrandCategoryLink%2CKodakBrandCategoryLink%2CSamsungBrandCategoryLink%2CToshibaBrandCategoryLink%2CFujifilmBrandCategoryLink%2CKingstonBrandCategoryLink%2CIciduBrandCategoryLink%2CTDKBrandCategoryLink%2CSweexBrandCategoryLink%2CDigitalCamerasCategoryLink%2CDigitalCompactsCategoryLink%2CDigitalSLRCategoryLink%2CFilmCamerasCategoryLink%2CHandheldCamcordersCategoryLink%2CWebcamsCategoryLink%2CCameraAccessoriesCategoryLink%2CCamerasFlashesCategoryLink%2CTripodsCategoryLink%2CCameraLensesCategoryLink%2CFlashMemoryCategoryLink%2CPowerSuppliesCategoryLink%2CColourFilmsCategoryLink%2CBlackAndWhiteFilmsCategoryLink%2CBlankVideotapesCategoryLink&lang=en&curr=USD

request header：Cache-Control: no-cache
response header：private

(4) /occ/v2/electronics-spa/cms/components?fields=DEFAULT&currentPage=0&pageSize=8&componentIds=AboutSAPCommerceLink%2CFAQLink%2CVisitSAPLink%2CContactUsLink%2CAgileCommerceBlogLink%2CLinkedInLink%2CFacebookLink%2CTwitterLink&lang=en&curr=USD

request header：Cache-Control: no-cache
response header：private

(5) /occ/v2/electronics-spa/users/anonymous/consenttemplates?lang=en&curr=USD

request header：Cache-Control: no-cache
response header：no-cache, no-store, max-age=0, must-revalidate

第三組：包含 17 個請求

/occ/v2/electronics-spa/products/?fields=code,configurable,configuratorType,name,summary,price(formattedValue),images(DEFAULT,galleryIndex),baseProduct&lang=en&curr=USD

request header：Cache-Control: no-cache
response header：private, max-age=120

我們可以在 Chrome 開發者工具里很容易觀察到瀏覽器里這些 OCC API 并發請求的排隊情況。

根據 Google Chrome 的幫助文檔，這種 Queueing 和 Stalled 的排隊情況，發生在客戶端。

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

總結

以上是生活随笔為你收集整理的关于 SAP 电商云首页加载时触发的 OCC API 请求的全部內容，希望文章能夠幫你解決所遇到的問題。

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