如何向Netlify部署React +智能应用程序

Question

我目前正在开发一个使用React和Sanity.io构建的组合web应用程序。在部署到Netlify之后，所有的内容都没有显示出来。

拜托，我有什么不对的？

我注意到我在控制台中收到了一条错误消息：

Access to XMLHttpRequest at 'https://lyg8hs82.apicdn.sanity.io/v2022-02-01/data/query/denscholar?query=*%5B_type%20%3D%3D%20%22works%22%5D' from origin 'http://localhost:3001' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

我的clien.j文件中的代码

export const client = sanityClient({
    projectId: process.env.REACT_APP_SANITY_PROJECT_ID,
    dataset: 'denscholar',
    useCdn: true,
    apiVersion: '2022-02-01',
    token: process.env.REACT_APP_SANITY_TOKEN

})

const builder = imageUrlBuilder(client);

export const urlFor = (source) => builder.image(source)

Answer 1

我想你没有在你的新部署的网站上添加一个CORS原产地。

以下是以下步骤：

第一次去你的理智项目。然后转到您的API设置。在那里，您可以添加新部署的URL

​

​

点击“添加CORS原产地”

输入新部署站点的url。

​

​

然后，尝试重新加载已部署的网站。这次你不应该犯任何错误。

很高兴这能帮上忙。