来自邮递员的 API 调用成功，但来自 React 的调用失败

【问题标题】：API call from postman succeeds but fails from React来自邮递员的 API 调用成功，但来自 React 的调用失败
【发布时间】：2022-01-13 11:01:16
【问题描述】：

我正在从 React 前端调用后端的 API。我正在使用 Axios 拦截器发送令牌。我在浏览器的网络选项卡上看到了令牌，还看到了“显示临时标头”消息。内容类型为Application/json。

但是在后端记录请求时，内容类型显示为 null，请求正文也为 null。在前端我看到一个通用的 cors 错误。

邮递员也可以使用同样的 API。

浏览器是否有任何原因可能会剥离标题或内容类型更改为 null 的任何其他原因？

【问题讨论】：

尝试添加CORS chrome扩展以确认问题是否是由于CORS错误。

标签： reactjs api axios token

【解决方案1】：

CORS 错误很可能是您的罪魁祸首。您需要在 HTML 文件的 <head> 下的 Content-Security-Policy <meta /> 标签的 content="..." 属性中添加 API 的端点域（例如，对于像 https://example.com/api/entity/1/related/2 这样的 URL，您将添加 https://example.com）错误告诉您的部分（connect-src、default-src 等）。

如果您可以提供您收到的 CORS 错误消息（您可以将任何特定域名替换为通用名称），那么我们可以为您的问题提供更精确的解决方案。

【讨论】：