Angular 5 : HttpClient

Tags: #<Tag:0x00007f402060af88>

Bonjour,

Je souhaite trouver de l’aide avec Angular 5 et son module httpClient, avant de poster j’ai regarder plusieurs fois la doc d’angular et divers tuto sans succès.

J’essaye de faire passer deux informations dans un formulaire à partir d’un json provenant d’un serveur que j’ai créer en local.

Ce que je souhaite:
Faire passer mes informations sur ma page à partir du module HttpClient (Attention ce n’est plus Http).

Les difficultés rencontrées :
J’ai deux erreurs, mes premières tentatives, j’ai récupérer correctement le fichier JSON mais dans ma console, j’ai une erreur 404 (je précise mon serveur est allumé et je peux voir mon json à l’adresse que j’ai renseigné dans mon component-service.ts).

Ma deuxième erreur qui survient depuis vendredi :

Blocage d’une requête multiorigines (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur http://localhost:3000/main.json. Raison : l’en-tête CORS « Access-Control-Allow-Origin » est manquant.

J’ai beau ajouté un objet Headers avec la propriété ‘Access-Control-Allow-origin’ : ‘*’. Angular ne veux rien savoir, pire en regardant le log, il ne m’affiche rien dans l’en-tête qu’il me retourne…

Ci-dessous, un lien github:

Merci d’avance à celle et ceux qui me répondront.

Make IT, Great Again !