web-dev-qa-db-fra.com

Comment autoriser l'accès en dehors de localhost

Comment puis-je autoriser l'accès en dehors de localhost à Angular2? Je peux naviguer facilement à localhost:3030/panel mais je ne peux pas naviguer lorsque j'écris mon IP tel que 10.123.14.12:3030/panel/.

Pourriez-vous s'il vous plaît me permettre comment résoudre ce problème? Je n'utilise pas npm (gestion de projet de noeud - installation/démarrage de noeud) pour installer et exécuter le projet.

Si vous le souhaitez, je peux vous fournir mes package.json et index.html.

angulartypescriptng-build
94
Tonyukuk

Utiliser ng serve --Host 0.0.0.0 vous permettra de vous connecter à ng serve en utilisant votre ip au lieu de localhost.

EDIT

Dans les nouvelles versions de la CLI, vous devez indiquer votre adresse IP locale à la place.

EDIT 2

Dans les versions plus récentes de la CLI (je pense à partir de la v5), vous pouvez utiliser 0.0.0.0 comme adresse IP pour l'héberger à tout moment, sur votre réseau.

186
mast3rd3mon

Utilisateurs Mac:

  1. Allez dans les Préférences Système -> Réseau -> Wi-Fi.
  2. Copiez l'adresse IP ci-dessous Status (généralement 192.168.1.x)
  3. Collez-le dans votre servir comme: ng serve --Host 192.168.1.x

Ensuite, vous devez pouvoir voir votre page sur d'autres appareils via 192.168.1.x:4200.

26
Sajad

exécuter la commande "ng serve --Host = 0.0.0.0 --disable-Host-check"

cela désactivera la vérification de l'hôte et autorisera l'accès de l'extérieur (à la place de localhost) avec l'adresse IP

16
Palla

vous pouvez également examiner tout le trafic HTTP circulant sur vos tunnels en utilisant ngrok, puis vous pouvez exposer à l'aide de ngrok http --Host-header=rewrite 4200

6
Zombie

Vous pouvez utiliser la commande suivante pour y accéder avec votre adresse IP.

ng serve --Host 0.0.0.0 --disable-Host-check

Si vous utilisez npm et souhaitez éviter d'exécuter la commande à chaque fois, nous pouvons ajouter la ligne suivante au fichier package.json de la section scripts.

"scripts": {
    ...
    "start": "ng serve --Host 0.0.0.0 --disable-Host-check"
    ...
}

Ensuite, vous pouvez exécuter votre application à l'aide de la commande ci-dessous, accessible depuis l'autre système du même réseau.

npm start
5
Kutagolla Mahammad Irshad

Ouvrez cmd et naviguez jusqu’à l’emplacement du projet, c’est-à-dire où vous exécutez npm install ou ng serve pour le projet.

puis exécutez la commande - ng serve --Host 10.202.32.45 où 10.202.32.45 est votre adresse IP.

Vous pourrez accéder à votre page à 10.202.32.45:4200 où 4200 est votre numéro de port.

Remarque: si vous servez votre application à l'aide de cette commande, vous ne pourrez pas accéder à localhost:4200

3
Rakesh Ranjan

Je viens d'éditer le fichier angular.json dans mon projet comme ci-dessous et cela fonctionne

...

    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "project:build",
        "Host": "0.0.0.0"
      },

...

3
Farzad

Pour le problème était Firewall. Si vous êtes sous Windows, assurez-vous que le noeud est autorisé via enter image description here

0
TSR