从React前端的Zoho API获取数据时出现CORS错误
我工作的公司利用生物识别考勤，并将数据同步到Zoho服务器以进行记录保存。我试图使用Zoho People API开发一个Web应用程序，它让我知道我什么时候签到以及我的8.5小时将结束。
我用Create-React-App开发了同样的。
现在，API调用在节点服务器中正常工作，我可以在那里记录数据，但当我使用npm start启动本地服务器时，Chrome无法显示数据，我得到以下错误：
加载失败https://people.zoho.com/people/api/attendance/getAttendanceEntries?authtoken=*******
为了解决这个问题，我必须安装Allow-Control-Allow-Origin chrome扩展:https://chrome . Google . com/web store/detail/Allow-Control-Allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi？hl=en
使用此扩展程序，该应用程序可以正常工作，并且我能够看到数据。但是没有这个扩展，我就不是。已尝试在js文件中包含一些与CORS相关的HTTP标头，但没有效果。如果需要更多详细信息，请告诉我。谢谢！
另外，如果有人能告诉我为什么会这样，从API服务器到我的客户端的数据传输是如何进行的，我会非常感激。
共有2个答案
人们建议的最好方法是创建一个我自己的后端服务器。(我是用expressjs做的)。服务器查询API，获取结果，react应用程序能够从本地服务器获取结果，没有任何CORS问题。
它在本地服务器上运行良好。不过，必须弄清楚如何在远程服务器上部署相同的。
默认情况下，不允许从浏览器/客户端发出跨域请求。这是浏览器出于安全目的强制实施的 CORS 限制。
了解CORS：https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
要做到这一点，我们有两个选择，
- 从客户端使用AJAX调用您的服务器端应用程序，该应用程序将反过来调用Zoho API以获取详细信息
- 检查API提供商是否有选项为其API设置“无访问控制允许来源”标头，以便您可以直接从客户端访问API
所有其他选择都是黑客攻击或临时解决方案
-
错误：网络错误在createError（createError.js:16）在XMLHttpRequest.handle错误（xhr.js:84） 当我试图从我创建的后端获取数据时，我遇到了上述错误。 我已在我的操作中编写了以下代码， 我能够在Postman中从该API获取数据。 邮递员回应：- 操作类型文件：- export const GET_PEOPLE='GET_PEOPLE'
-
问题内容： 几天以来，我一直在为我的实习机会创建一个React Web应用程序，但是遇到了CORS错误。我正在使用最新版本的reactJS，并将其放在中，以下是用于获取的代码： 抱歉，由于公司规定，我无法发布该API的网址，但是，可以确认该API后端中没有CORS设置。 但是，在mozilla上运行时遇到以下错误 和 如果在chrome上运行，则会出现以下错误 和 和 另一件事是，我可以在浏览器中
-
这是我在调试控制台中得到的错误： 也是的，我已经应用了谷歌依赖项。 失败：生成失败，出现异常。 > 其中：Script“C:\flutter\packages\flutter_tools\gradle\flutter.gradle”行：358 错误：配置项目':cloud_firestore_web'时出现问题。 请访问https://help.gradle.org获取更多帮助 生成在3s中失败
-
问题内容： 我正在本地计算机上测试 select2 插件。但是出于某种原因。它不是从数据库中收集数据。 我尝试了多次，但找不到问题。 下面是代码。 fetch.php 我检查了fetch.php，它工作正常。它正在返回数据。 我正在尝试创建标签，它将检查数据库中的标签。如果未找到标签，则用户可以创建新标签，它将保存在数据库中并显示在用户的用户选择中。 目前，我尚未创建将标签保存在数据库中的页面。
-
问题内容： 我有些困惑，很想得到一个答案，可以帮助我理清思路。假设我有一个后端（nodejs，express等），我在其中存储用户及其数据，有时我想从后端获取数据，例如用户登录后的用户信息或产品列表并保存他们在状态。 到目前为止，我所看到的方法是，在组件加载之前获取数据，并使用响应中的数据调度操作。但是我最近开始对此进行深入研究，并且看到了我较早知道的React- Thunk库，并开始怀疑从后端/
-
下面是API调用的代码 所以当我检查应用程序时，我会... 我如何解决CORS问题，以便能够从API获取所需的详细信息到应用程序？