为什么我可以使用 Postman 请求 API，但不能在 React JS 中工作？

Question

我可以在 Postman 中非常轻松地请求 API。但是当我在 React JS 和 localhost:3000 上尝试时，它抛出了一个错误：

请告诉我为什么？！谢谢

Answer 1

见https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/ 如果你知道 CORS 问题，解释起来会更容易。

因为 Postman 发送的请求或您的 React.JS 发送的请求有点不同。 当您直接使用 Postman 发送请求时，请求会被视为由“个人”发送，就像您在浏览器中输入 API 的 URL 一样。

这与使用 React 发送请求不同，因为 React 是一种基于前端 JavaScript 的框架语言，由您的浏览器“执行”。 如果您碰巧访问了一个恶意网站，并且该网站发送预期的 React（或一些 JavaScript）代码来操纵您的浏览器（一个简单的例子：如果没有限制，它可以将您的浏览器用作网络爬虫其他网站）。

您知道，每次打开网站时，您的浏览器都会执行来自该网站的大量代码。

因此，您可能需要了解为什么我们需要 CORS 政策，以及 CORS 如何开发您的 API。