Comment configurer les API du serveur dans les composants angular2?

Question

Je développe une application web en utilisant Angular2 comme frontal. Cependant, j'ai remarqué que dans mon code angulaire, j'ai besoin de configurer l'API du serveur comme localhost:9000 pour obtenir des données. Dans le futur, si je veux déployer mon travail, je pense que je devrais avoir un fichier de configuration pour le spécifier. Pour la partie backend je sais comment configurer ce port de serveur, mais comment puis-je faire cela dans Angular? Comment est-ce que je peux juste le placer une fois et le faire les deux fonctionne dans le serveur et angulaire?

Answer 1

Option 1:

Créer un nouveau fichier angulaire 2 projet proxy.conf.json ajouter ci-dessous pour configurer le code API

{ 
    "/api/*": { 
     "target": "http://localhost:9000", 
     "secure": false, 
     "logLevel": "debug" 
    } 
} 

dans votre package.json modifier ci-dessous

"start": "ng serve --proxy-config proxy.conf.json" 

Pas besoin de définir le chemin complet de votre API dans le fichier service.ts dans l'exemple ci-dessus:

Comme votre api: http://localhost:9000/users/me

dans l'utilisation de code suivant dans service.ts

resourceUrl privé = 'utilisateurs/moi;

Option 2:

AJOUTZ code dans .angular-cli.json fichier dans votre projet

"defaults": { 
    "styleExt": "css", 
    "component": { 
    }, 
    "serve": { 
     "port": 4201 
    } 
    } 

Option 3:

dans le paquet . json ensemble de fichiers "début": "ng se rve --port 4201 "