O cabeçalho 'Access-Control-Allow-Origin' possui um valor 'http: // localhost: 4200' que não é igual à origem fornecida

(continuação da mensagem de erro no título) "Origem"http: //127.0.0.1: 4200 'não é, portanto, permitido o acesso. "

Não consigo executar o mesmo site Angular 5 em dois domínios diferentes ao trabalhar com a mesma AP

Esta mensagem de erro vem do Chrome. O erro no Firefox é:

Solicitação de origem cruzada bloqueada: a mesma política de origem não permite a leitura do recurso remoto emhttp: //myapitest.local/v1/subscription/current/product. (Motivo: o cabeçalho do CORS "Acesso-controle-permissão-origem" não corresponde a "http: //127.0.0.1: 4200 ')

Notei isso ao trabalhar em uma versão com etiqueta branca do nosso aplicativo Angular que será executado em um URL alternativo do nosso aplicativo normal, mas ainda usando a mesma API do Laravel sendo executada no mesmo URL. Eu adicionei a configuração CORS apropriada ao Laravel, isso parece ser um problema do navegador - não sei como contorná-l

Eu recriei isso no localhost, mudando de localhost: 4200 para 127.0.0.1:4200, por exempl

De fato, o preflight parece ter êxito com os cabeçalhos CORS corretos.

o entanto, no GET, parece voltar com o cabeçalho WRONG Access-Control-Allow-Origin na respost

Vale ressaltar aqui que alterar minhas origens permitidas na API para permitir tudo ('*') não corrige esse problem

Não tenho certeza de quais outras informações ou códigos eu poderia fornecer para tornar isso mais claro. Obrigado

questionAnswers(5)

yourAnswerToTheQuestion