Saltar al contenido

Solicitud de origen cruzado bloqueada con React y Express

Te damos la respuesta a esta duda, o por lo menos eso pensamos. Si continuas con preguntas dínoslo, que sin dudarlo te ayudaremos

Solución:

Hay un paquete de nodos llamado cors que lo hace muy fácil.

psnpm install cors

const cors = require('cors')

app.use(cors())

No necesita ninguna configuración para permitir todo.

Consulte el repositorio de Github para obtener más información: https://github.com/expressjs/cors

si agregas este encabezado

res.setHeader('Access-Control-Allow-Origin', '*');

está utilizando el modo de credenciales (significa que está enviando una cookie de autenticación desde su aplicación) y en cuanto a la especificación CORS, no puede usar el comodín * en este modo.

deberías cambiar tu Access-Control-Allow-Origin encabezado para que coincida con el host específico que generó la solicitud

Puedes cambiar esta línea:

res.header('Access-Control-Allow-Origin', '*');

a

res.header('Access-Control-Allow-Origin', 'the ip address');

pero para ser más genérico, algo como esto debería funcionar:

res.setHeader('Access-Control-Allow-Origin', req.header('origin') 
|| req.header('x-forwarded-host') || req.header('referer') || req.header('host'));

además, incluso debe permitir las solicitudes de OPCIONES desde el navegador; de lo contrario, obtendrá un error de solicitud de verificación previa.

res.setHeader('Access-Control-Allow-Methods', 'POST, OPTIONS');

Tienes la opción de añadir valor a nuestra información cooperando tu experiencia en las interpretaciones.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *