reactjs - 客户端可以使用axios或者Fetch调用Twitter API吗？

Question

这个问题已经有答案了:

Can I call the Twitter API in client using Fetch? (2 个回答)

已关闭 4 年前。

我尝试在 React 应用程序中调用 Twitter API 并收到以下错误:

Fetch API 无法加载 https://api.twitter.com/1.1/account/verify_credentials.json 。对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin” header 。来源'http://localhost:3000 ' 因此不允许访问。响应的 HTTP 状态代码为 400。如果不透明响应满足您的需求，请将请求的模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。

Answer 1

此问题通常是由于您的服务器上未使用 CORS 引起的。如果您要将 API 中的数据加载到您自己的服务器上，请确保使用 CORS 包并在应用程序文件中调用中间件，以便您可以从不同的端口发出请求。

如果您直接从客户端调用 API，那么这个问题就有点具有欺骗性。所有浏览器都会默认启用 CORS，因此不存在使用或不使用 CORS 的问题。相反，您可能会在 header 中收到格式错误的数据。您应该期待 application/json 数据，但您可能没有收到 JSON 数据，这也会引发此错误。 Twitter 的 API 可能不会返回预期的数据格式，在这种情况下，您需要创建自己的服务器，以便正确处理数据，而不是直接从客户端调用它。