Skip to main content
atualizando resposta
Fonte Link
Giovane
  • 2,1mil
  • 11
  • 16

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

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 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

Fonte Link
Giovane
  • 2,1mil
  • 11
  • 16

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.