0
168
VistasCómo implementar la aplicación React + Sanity en Netlify
Actualmente trabajé en una aplicación web de Portfolio creada con React y Sanity.io. Después de implementar en Netlify, todo el contenido de Sanity no se mostraba.
Por favor, ¿qué no estoy haciendo bien?
Me di cuenta de que estaba recibiendo este mensaje de error en la consola:
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.Código de mi archivo 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)1 Respuestas
Responde la pregunta0
Supongo que no agregó un CORS Origin a su sitio web recién implementado.
Aquí haz estos pasos:
Primero ve a tu proyecto Sanity. Luego vaya a la configuración de su API. Allí puede agregar su URL recién implementada
Después de hacer clic en "Agregar origen CORS"
Ingrese la URL de su sitio recién implementado.
Después de eso, intente volver a cargar el sitio web implementado. No deberías recibir ningún error esta vez.
Me alegro si esto ayuda.