Discussion :

[wstboss]

Bonjour,

j'ai réaliser une application Angular qui fonctionne correctement sur mon poste de développement.
Je passe maintenant à la phase de mise en production et les questions et les problèmes arrivent.
J'ai installé un serveur Apache pour servir mon application Angular et aussi installer le service de mon API sur un serveur dans le cloud.
Si j'ouvre un navigateur sur ce serveur et accède à mon application Angular à travers l'adresse IP (https) publique de celui-ci, cela fonctionne parfaitement.
Si je fais la même chose sur une autre machine, j'accède à la première page de mon application (fenêtre de login) et que je tente de m'identifier, j'obtiens l'erreur suivante:

-> OPTIONS http://localhost:5001/users/authenticate net::ERR_EMPTY_RESPONSE

Question qui me veint suite à cette erreur, comment Angular communique avec l'API dans ce cas:



Si comme je le pense, c'est le premier cas (flèches orange), pourquoi j'obtiens cette erreur et comment faire pour résoudre ce problème ?

Merci beaucoup de votre aide car là je suis coincé.

[keokaz]

salut,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 net::ERR_EMPTY_RESPONSE

il faut lui permettre CORS pour utiliser un nom de domaine différent, côté backend a tu envoyé les réponse CORS ?
par exemple ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
        response.addHeader("Access-Control-Allow-Origin", "*");
        response.addHeader("Access-Control-Allow-Headers",
        "Origin,Accept, X-Requested-With,Content-Type,Access-Control-Method,Access-Control-Allow-Headers,Authorization");
        response.addHeader("Access-Control-Expose-Headers",
        "Access-Control-Allow-Origin,Access-Control-Credentials,Authorization");
        response.setHeader("Access-Control-Allow-Methods", "GET,POST,DELETE,PUT,OPTIONS");

Si tu ne reçois pas ces entête, le navigateur refusera d'échanger avec le backend, le backend doit lui donner la permission de le faire.
Pour que le backend te donne l'authorization il te faut que le frontend lui envoie un jeton auquel le backend aura préalablement donné par un jwt je suppose.

1=> après le login réussi, le backend envoie le jeton au front-end
2=> la front-end fait une requete OPTION pour éditer
3 => le front-end recoit la réponse de l'option 200, il peut obtenir la réponse (une requête "option" juste pour montrer patte blanche)
4=> le front-end lui fait la demande d'éditer
5 => le backend execute la requête puisque le front end lui a montrer patte blanche.

[wstboss]

Merci Keokaz pour ta réponse.

Les CORS sont bien passés.
Après beaucoup de recherche, je suis arrivé à la conclusion que l'échange se passe comme dans le 2ième cas.
Il faut donc que je configure l'URL avec l'adresse ip publique de mon serveur API et non pas localhost.

Je suis en train de le tester...

Cordialement,