(continuación del mensaje de error en el título) "Origen 'http: //127.0.0.1: 4200or lo tanto, @ 'no tiene acceso permitido. "

No puedo ejecutar el mismo sitio de Angular 5 en dos dominios diferentes cuando trabajo con la misma API.

Este mensaje de error proviene de Chrome. El error en Firefox es:

Solicitud de origen cruzado bloqueada: la misma política de origen no permite leer el recurso remoto enhttp: //myapitest.local/v1/subscription/current/product. (Motivo: el encabezado CORS "Access-Control-Allow-Origin" no coincide con ‘http: //127.0.0.1: 4200 ’)

Me di cuenta de esto cuando trabajé en una versión de etiqueta blanca de nuestra aplicación Angular que se ejecutará en una URL alternativa de nuestra aplicación normal, pero que todavía usa la misma API de Laravel que se ejecuta en la misma URL. Agregué la configuración CORS adecuada a Laravel, esto parece ser un problema del navegador, no estoy seguro de cómo solucionarlo.

He recreado esto en localhost cambiando de localhost: 4200 a 127.0.0.1:4200 por ejemplo.

Oddly, la verificación previa parece tener éxito con los encabezados CORS correctos. @

Sin embargo, en el GET, parece volver con el encabezado WRONG Access-Control-Allow-Origin en la respuesta.

Vale la pena señalar aquí que cambiar mis Orígenes Permitidos en la API para permitir todo ('*') no soluciona este problema.

No estoy seguro de qué otra información o código podría proporcionar para aclarar esto. Gracias