Conforme te respondi em sua outra pergunta, API na porta 8000 e Angular na porta 4200, como resolver?, para desenvolvimento o ideal é você configurar um Proxy no server do @angular/cli
.
Conforme deixei o link do meu post onde explico o que é CORS e como configurar o Proxy, https://medium.com/@gigioSouza/resolvendo-o-problema-do-cors-com-angular-2-e-o-angular-cli-7f7cb7aab3c2, você tem de configura-lo conforme a necessidade do seu projeto.
Se você remover a configuração de CORS
e usar a configuração de Proxy que esta no post do link, você ja vai conseguir seguir com o desenvolvimento.
O ideal é você preparar seu CORS
para o ambiente de produção. Como fazer isso? R: Google, pesquisa, teste... afinal só você conhece as necessidades do seu projeto.
Conforme passou seu repo para eu dar uma olhada: https://github.com/wladyband/erro1/tree/master/wladimi-ui
Logo de cara verifiquei que seu arquivo de configuração se chama proxy.config.js
e no seu package.json
seu script de start é: ng serve --proxy-config proxy.conf.js
.
Troque seu script de start para ng serve --proxy-config proxy.config.js
E você deve parar de fazer requisições para http://localhost:8080
, para acessar este serviço por exemplo http://localhost:8080/lancamentos
faça a requisição para este endpoint /api/lancamentos
.
Agora vamos la, pelo que vi você esta usando Angular 5, então troque o velho HttpModule
pelo novo HttpClientModule
.
Crie um interceptor para completar a url da requisição colocando a url base da requisição, que em dev é /api
. Assim quando você for para produção e não use proxy, você só precisa alterar a url base dentro desse interceptor para e pronto, todos seus endpoints estão apontando para produção.
Ai é só configurar a url base conforme o perfil do build. Explorando os arquivos environment
.
Documentação do HttpClient
https://angular.io/guide/http