Usando la función getServerSideProps de Nextjs, realizo una solicitud de búsqueda a mi API. Mi API verifica los encabezados de origen para CORS pero obtiene el encabezado de origen como indefinido. ¿Por qué sucede esto y hay alguna forma de evitarlo?
Obtengo encabezados de origen mientras realizo solicitudes de recuperación normalmente desde el navegador en Siguiente. Este problema solo ocurre cuando la solicitud se realiza a la API a través del servidor de Nextjs getServerSideProps.
Lo que hice fue agregar el parámetro Origen al objeto de encabezado en la solicitud de recuperación y agregar la URL del archivo .env para cambiarlo fácilmente para la producción.
//Create fetch's options const options = { mode: 'cors', method: 'GET', credentials: 'include', headers: { 'Content-Type': 'application/json', Origin: `${process.env.NEXT_PUBLIC_FRONT_URL}`, }, }; //Fetch data from the API const res = await fetch('changeForYouURL', options);