Personnaliser ng sert à appeler les appels à / api?

J'ai créé une nouvelle application avec ng CLI, fonctionne comme un charme:

ng new babysteps
cd babysteps
ng serve

ng servir utilise webpack pour assembler l'application. Pour tester complètement, j'ai besoin de servir /api... de mon API se moquer de serveur (en particulier les requêtes POST). Comment puis-je personnaliser le serveur web utilisé, pour rediriger qu'un modèle d'URL?

Le Webpack serveur de dev a un paramètre de proxymais il semble (?) ng serve n'a pas un fichier de config (ou je n'ai pas).

Dois-je créer un webpack.config.js ou créer/modifier un autre fichier de proxy ?

source d'informationauteur stwissel

  1. 41

    En effet, vous pouvez configurer un proxy à l'arrière-plan avec l'angle de la cli, avec la --proxy-config drapeau.

    Ici est plus ou moins un copier-coller à partir de la la documentation:

    Dire que nous avons un serveur en cours d'exécution sur http://localhost:3000/api et nous voulons
    tous les appels à http://localhost:4200/api pour aller vers ce serveur.

    Nous créons un fichier à côté de projets paquet.json appelé proxy.conf.json
    avec le contenu

    { "/api": {
    "target": "http://localhost:3000",
    "secure": false
    }
    }

    [...]

    et puis, nous allons éditer le paquet.fichier json du script de démarrage pour être

    "start": "ng serve --proxy-config proxy.conf.json"maintenant l'exécuter avec
    npm start