CORS 調用沃爾瑪打開時出現問題 API

Question

我們正在使用 Walmart Open API 並遇到 CORS 問題。 例如，當嘗試調用管理項目 API 時，我們收到以下響應：（為了安全，替換 API 密鑰、發布者 ID 和域）

Access to XMLHttpRequest at ' https://api.walmartlabs.com/v1/trends?apiKey= {api_key}&amp&publisherId={publisher_id}&format=json' from origin ' https://example.com ' has been blocked by CORS policy ：對預檢請求的響應未通過訪問控制檢查：請求的資源上不存在“Access-Control-Allow-Origin”header。

我們如何將我們的域列入跨域白名單？ 請指教。

試圖通過我們網站上的 javascript 代碼調用沃爾瑪打開 API。 不確定如何解決 CORS 問題。

期待從 Walmart API 中獲取熱門商品列表。

Answer 1

嘗試在 package.json 中使用這條線
"代理": "http://192.165.1.220:28080",

該主機和端口將屬於沃爾瑪並使用 npm 安裝“http-proxy-middleware”，然后重試。

CORS：解釋跨域資源共享 (CORS) 是一種機制，它使用額外的 HTTP 標頭告訴瀏覽器提供 web 在一個來源運行的不同來源的應用程序。 當 web 應用程序請求與自己具有不同來源（域、協議或端口）的資源時，它會執行跨域 HTTP 請求。 意味着您的本地主機正在嘗試連接其他域，因此出於安全目的它被阻止。 您需要啟用它以連接到他們的 IP。

如需更清晰和更廣泛的視圖： https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS