Comment changer le port angulaire de 4200 à tout autre port ?

Question

Je veux utiliser 5000 au lieu de 4200.

J'ai essayé de créer un fichier sur le nom Root ember-cli et mettre JSON selon le code ci-dessous :

{
   "port": 5000
}

Mais mon application fonctionne toujours sur 4200 au lieu de 5000.

Answer 1

La solution qui a fonctionné pour moi était

ng serve --port 4401    

(Vous pouvez changer le 4401 par le numéro que vous voulez)

Ensuite, lancez le navigateur -> http://localhost:4401/

En fait, j'avais deux applications et avec l'aide de l'approche ci-dessus, je suis maintenant capable de les exécuter simultanément dans mon environnement de développement.

Answer 2

Il semble que les choses aient changé dans les versions récentes du CLI (j'utilise 6.0.1 ). J'ai réussi à changer le port par défaut utilisé par ng serve en ajoutant un port de mon projet angular.json :

{
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
    "projects": {
        "my-project": {
            "architect": {
                "serve": {
                    "options": {
                        "port": 4201
                    }
                }
            }
        }
    }
}

(Seules les propriétés pertinentes sont indiquées dans cet exemple).

Answer 3

Vous pouvez changer le port de votre application en entrant la commande suivante,

ng serve --port 4200

Aussi, pour une installation permanente, vous pouvez changer le port en éditant le fichier angular-cli.json

 "defaults": {
    "serve": {
      "port": 8080
    }
  }

Answer 4

Changer nodel_modules/angular-cli/commands/server.js est une mauvaise idée car il sera mis à jour lorsque vous installerez une nouvelle version de angular-cli . Au lieu de cela, vous devez spécifier ng serve --port 5000 sur package.json comme ça :

"scripts": {
    "start": "ng serve --port 5000"
}

Vous pouvez également spécifier l'hôte avec --host 127.0.0.1

Answer 5

L'emplacement des paramètres du port a changé plusieurs fois.

Si vous utilisez Angular CLI 1

Changement angular-cli.json

{
  "defaults": {
    "serve": {
      "host": "0.0.0.0",
      "port": 5000 
    }
  }
}

Si vous utilisez la dernière version d'Angular CLI

Changement angular.json

"projects": {
    "project-name": {
        ...
        "architect": {
            "serve": {
                "options": {
                  "host": "0.0.0.0",
                  "port": 5000
                }
            }
        }
        ...
    }
}

Sans modifier aucun fichier

Exécutez la commande

ng serve --host 0.0.0.0 --port 5000