没有访问权限-控制-允许-来源

Question

输入图像描述hereI有困难，让我的理智io帖子渲染。这就是我要得到的错误。

post:1 
Access to XMLHttpRequest at 'https://wuj77i1.api.sanity.io/v1/data/query/production?query=*' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

browser-request.js:117 
  
GET https://wuj77i1.api.sanity.io/v1/data/query/production?query=*\ net::ERR_FAILED 403

您能推荐什么解决方案来覆盖CORS原产地吗？我已经添加了React的本地主机以允许凭据，但我仍然收到此错误。

错误消息1：https://i.stack.imgur.com/lJCyQ.jpg的图像

Answer 1

在客户端配置中，您的projectId看起来不完整(应该是8个字符，但只有7个字符)。您得到了一个CORS错误，因为您试图从一个没有CORS起源集的项目中获取数据(因为它不存在)。

Answer 2

我也遇到了一个CORS问题--我将https://localhost:3000/添加到Sanity.io中的CORS源文件中，将凭据设置为允许，但仍然得到了错误。我的错误是有错误的项目ID。

(**注:我使用的是ViteJS而不是NPM)

单击项目ID ->旁边的副本

​

​

然后将其粘贴到.env文件中，就在REACT_APP_SANITY_PROJECT_ID旁边。

​

​

最后，在您正确的client.js文件中，确保指向正确的环境变量。

​

​