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