Problème de Cross-Origin Request Blocked

Bonjour,

Je développe une application basé sur Spring Boot et angularJs. J'ai donc développé des micro-services. si j'envoie des requêtes vers mon serveur (Tomcat) depuis Eclipse, tout se passe bien. Mais si je le fais depuis un navigateur, j'ai cette erreur que je ne sais résoudre.

Code:

---

1 2 3

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8081/documents. (Reason: CORS header 'Access-Control-Allow-Origin' missing). <unknown> Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8081/documents. (Reason: CORS request failed).

---

Salut,

C'est un problème de sécurité pour empêcher un script d'envoyer une requête vers un autre domaine+port que celle de l'URL de ton navigateur.
En effet, l'URL de ton front Angular n'est pas localhost:8081 (ça c'est pour Tomcat).
Tu as plusieurs solutions, en voici une en Spring (article Spring). Moi j'utilise plutôt un serveur nginx comme reverse proxy.

A+

Salut,

C'est un problème connu qui consiste à bloquer toutes les requetes venant d'un domaine different. Faut configurer ca dans la partie Backend de ton projet. Et visiblement dans ton cas, tu utilises Spring.

Je connais 2 solutions pour résoudre ca

1 - ajoute cette annotation dans la classe de tes micro-services, au dessus des méthodes @CrossOrigin(origins = "http://localhost:4200") où simplement @CrossOrigin(origins = "*") pour accepter tous les ports.

Tu l'ajoutes au dessus de l'annotation @RequestMapping par exemple. Tu lui spécifie le port de la partie Angular, 4200 si ut utilises Angular CLI et 3000 pour les projets normaux, il me semble.

Sinon si tu utilises Spring Security

@Override
protected void configure(HttpSecurity http) throws Exception {

http.csrf().disable().cors().disable().httpBasic().and().authorizeRequests()
.antMatchers("/**").permitAll().anyRequest().authenticated();
}

Comme tu vois, plus haut, on a desactivé le CORS pour que les requetes circulent librement entre tomcat et nodejs :)