Comment autoriser l'accès à l'extérieur localhost

Comment puis-je permettre l'accès à l'extérieur localhost au Angular2 ? Je peux naviguer à localhost:3030/panel facilement, mais je ne peux pas naviguer quand j'écris mon IP comme 10.123.14.12:3030/panel/.

Pourriez vous s'il vous plaît permettez-moi comment faire pour le réparer ? Je ne suis pas à l'aide de npm (nœud de la gestion du projet - installation de nœud /nœud de départ ) pour installer et exécuter le projet.

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

utilisez-vous des ng servir?
oui, je suis en utilisant ng serveur
avez-vous essayé ng servir --host 10.123.14.12?
J'ai fatigué ng servir et il dit: "je dois être à l'intérieur d'un angulaires--cli projet dans l'ordre pour utiliser le service de commande".

InformationsquelleAutor Tonyukuk | 2017-04-19

172

À l'aide de ng serve --host 0.0.0.0 vous permet de vous connecter à la ng serve à l'aide de votre adresse ip, au lieu de localhost.

MODIFIER

Dans les versions plus récentes de la cli, vous devez fournir votre adresse ip locale au lieu

EDIT 2

Dans les versions plus récentes de la cli (je pense v5 et plus), vous pouvez utiliser 0.0.0.0 que l'ip de nouveau de l'héberger pour n'importe qui sur votre réseau à qui parler.
- il dit: "vous devez être à l'intérieur d'un angulaire--cli projet afin d'utiliser le service de commande" avec l'avertissement rouge quand j'écris ng sreve et aussi un message jaune qui indique que je suis en cours d'exécution de la version 6.2.2 de Nœud, ce qui ne sera pas pris en charge dans les versions futures de la CLI après avoir écrit ng servir
- tout d'abord, essayez de mettre à jour nœud, deuxièmement, essayez de redémarrer votre terminal/vscode
- J'ai mis à jour de package json à 6.0.46 comme "@types de/node": "6.0.46", mais encore obtenir le même message
- le nœud doit être sur 6.10: nodejs.org/dist/v6.10.2/node-v6.10.2-x64.msi
- Je ne comprends pas comment les gens donnent - vote à mes questions et je ne sais pas qui faire. Même que vous comprenez la question de mal et de me donner de mauvaises réponses qu'ils donnent encore "-" de la réputation. J'ai trouvé la réponse moi-même. J'étais censé ajouter", "serveur": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"," à packagejson
- je comprends la question exactement comme vous l'a demandé, ajoutant --host 0.0.0.0 à faire ce que vous demandez
- S'il vous plaît accepter ma réponse que la réponse correcte donc d'autres personnes peuvent trouver s'ils ont le même problème
- Sur angulaires-cli 1.4.4 (webpack-dev-serveur 2.7.1) à l'aide de --host 0.0.0.0 causes de la '[WDS] Disconnected!' message d'erreur. WDS websocket tente de se connecter à localhost, au lieu de l'IP fournie, et, naturellement, ne parvient pas à se connecter. En utilisant de vrais dev IP du serveur au lieu de 0.0.0.0 comme --host argument fonctionne très bien.
- C'est parce qu'il a été modifié sur une version de la cli. Au moment de la réponse, 0.0.0.0 était la bonne réponse
- il fonctionne avec ng servir --host 'adresse ip' mais quand j'essaie de le nom de la machine au lieu de cela, il ne fonctionne pas. exemple : 192..x.x.x:4200 fonctionne mais mamachine:4200 n'est pas. Aucune idée s'il vous plaît ?
- autant que je sache, son pour les adresses ip/localhost seulement, pas les noms d'ordinateur
- ng serve --host 0.0.0.0 fonctionne très bien pour moi. Je n'ai pas eu à utiliser une adresse IP spécifique
- ouais, je pense qu'à un certain moment, ils changent à nouveau de sorte que vous pouvez utiliser 0.0.0.0, mais im pas sûr de la version change. je pense que c'était l'angle de 5 cli peut-être, mais sans le tester, je ne peux pas en être certain
- Fonctionne très bien!!! Mais j'ai désactiver le pare-feu Windows
- vous ne devriez avoir à désactiver le pare-feu si vous essayez d'accéder au serveur depuis l'extérieur de votre réseau, et dans ce cas, vous devez configurer les ports à la place
- Cela a fonctionné pour moi: ng serve --open --host 0.0.0.0 --disable-host-check
InformationsquelleAutor mast3rd3mon
23

Les utilisateurs de Mac:
1. Aller dans les Préférences Système -> Réseau -> connexion Wi-Fi gratuite
2. Copie l'adresse IP ci-dessous Statut (Généralement 192.168.1.x)
3. Coller dans votre ng servir comme: ng serve --host 192.168.1.x
Alors vous devez être en mesure de voir votre page sur d'autres appareils par le biais de 192.168.1.x:4200.
- C'est un travail pour moi
- Son travail même sur Windows. Merci pour l'aide.
- Heureux, il a aidé.
- Super facile et fonctionne très bien. Je vous remercie.
- L'habitude de travailler pour moi et ne fonctionne plus. Vous demandez-vous pourquoi. Je pense que j'ai tout essayé! Mon pare-feu est désactivé. ng service-accueil 10.x.x.x --disable-accueil-contrôle / ng servir --host 0.0.0.0 --disable-accueil-check -> Pas accessible à partir d'un Windows à distance de la machine qui est sur le même réseau avec 10.x.x.x:4200
InformationsquelleAutor Sajad
13

exécuter de commande" ng servir --host=0.0.0.0 --disable-accueil-cochez la case "

cela va désactiver l'hôte de vérifier et autoriser l'accès depuis l'extérieur(au lieu de localhost) avec adresse ip
- Je n'ai pas besoin --disable-accueil-vérifier. ng serve --host 0.0.0.0 fonctionne très bien pour moi. Qu'est-ce que l'hôte vérifier censé faire?
- J'ai pour une fois pas besoin de l' disabled-host-check sinon j'ai le message "Invalid-tête d'Hôte"
- est-il un moyen de le définir dans un fichier de config pour éviter de le mentionner à chaque fois?
InformationsquelleAutor Palla
6

vous pouvez également connaître le fonctionnement de tout le trafic HTTP exécutant sur vos tunnels à l'aide de ngrok
alors vous pouvez exposer à l'aide de ngrok http --host-header=rewrite 4200

InformationsquelleAutor Zombie
3

Ouvrir cmd et accédez à l'emplacement du projet c'est à dire lorsque vous exécutez npm install ou ng servir 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 serez en mesure d'accéder à votre page à 10.202.32.45:4200 où 4200 est votre numéro de port.

Remarque: Si vous servez de votre application à l'aide de cette commande, alors vous ne serez pas en mesure d'accéder à localhost:4200
- Est-il possible d'accéder à la fois de la sorte?
- il fonctionne grâce..je pense que j'ai été à la recherche à la mauvaise adresse ip
- sais que cela semble stupide, mais assurez-vous que votre téléphone utilise le même réseau wifi que vous dev de la machine. J'ai été en utilisant un réseau invité... +1 pour la seule solution qui a fonctionné pour moi.
InformationsquelleAutor Rakesh Ranjan

Je viens de modifier angular.json fichier dans mon projet comme ci-dessous et il fonctionne

...

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

...

Ne fonctionne pas pour moi 🙁

InformationsquelleAutor Farzad

3

Vous pouvez utiliser la commande suivante pour accéder à votre ip.
```
ng serve --host 0.0.0.0 --disable-host-check
```
Si vous utilisez mnp et que vous voulez éviter l'exécution de la commande à chaque fois, nous pouvons ajouter la ligne suivante à la paquet.json fichier dans le scripts section.
```
"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 pour être accessible à partir de l'autre système dans le même réseau.
```
npm start
```
- C'est maintenant -disableHostCheck=vrai|faux dans ma version, Angulaire 8.
- meilleure réponse ici
InformationsquelleAutor Irshad
-3

Pour les gens qui sont l'aide d'un noeud gestionnaire de projet, aussi cette ligne de l'ajout d'un package.json sera suffisant. Angulaire de la CLI utilisateurs, mast3rd3mon la réponse est vrai.

Vous pouvez ajouter
```
"server": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"
```
de package.json

InformationsquelleAutor Tonyukuk

Vous devez vous connecter pour publier un commentaire.