调用 Walmart Open API 时出现 CORS 问题答案

【问题标题】：CORS Issue when calling Walmart Open API调用 Walmart Open API 时出现 CORS 问题
【发布时间】：2019-10-18 06:00:58
【问题描述】：

我们正在使用 Walmart Open API 并遇到 CORS 问题。例如，当尝试调用托管项目 API 时，我们会收到以下响应：（为了安全，替换 API 密钥、发布者 ID 和域）

从源“https://example.com”访问位于“https://api.walmartlabs.com/v1/trends?apiKey={api_key}&amp&publisherId={publisher_id}&format=json”的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：否请求的资源上存在“Access-Control-Allow-Origin”标头。

我们如何将我们的域列入跨域白名单？请指教。

尝试从我们网站上的 javascript 代码调用 Walmart 开放 API。不确定如何解决 CORS 问题。

希望从 Walmart API 中获取热门商品列表。

【问题讨论】：

他们不支持从 JavaScript 调用 API，可能是因为这会将访问您网站的每个客户端的开发人员工具中的密钥暴露给全世界

标签： walmart-api

【解决方案1】：

尝试在 package.json 中使用这一行
"代理": "http://192.165.1.220:28080",

此主机和端口将是 walmart 并使用 npm 安装“http-proxy-middleware”并重试。

CORS：解释 跨域资源共享 (CORS) 是一种机制，它使用额外的 HTTP 标头来告诉浏览器让在一个来源运行的 Web 应用程序可以访问来自不同来源的选定资源。当一个 Web 应用程序请求一个与它自己具有不同来源（域、协议或端口）的资源时，它会执行一个跨域 HTTP 请求。意味着您的 localhost 正在尝试连接其他域，因此出于安全目的它被阻止了。你需要启用它以连接到他们的 IP。

如需更清晰、更广阔的视野：https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

如果它解决了您的问题，请接受答案

【讨论】：