React已被CORS策略阻止：无“ Access-Control-Allow-Origin”标头

Question

根据这个答案enable cors in .htaccess，我想允许从React应用程序到使用Laravel应用程序的本地服务器的跨域请求。所以我在public / .htaccess的开头添加了这些行。但这不起作用。

Header add Access-Control-Allow-Origin "*"
Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

错误提示：

在以下位置访问XMLHttpRequest 来源为'http：// localhost：8000 / api / page / dynamic / 111170/1' “ http：// localhost：3000”已被CORS策略阻止：否 请求中出现“ Access-Control-Allow-Origin”标头 资源。

有人可以告诉我我在做什么错吗？

Answer 1

在服务器中，您需要启用来自本地主机的请求：3000来源。默认情况下，大多数服务器框架都将阻止不是来自其自身IP的请求。这称为跨源请求策略，它可以帮助保护您的应用程序。

您需要将服务器的CORS政策更改为包含localhost：3000-您需要针对所选的特定服务器框架，通过谷歌搜索方法。

重申一下，这不是您的React代码的问题，而是您的服务器的问题。