"Invalid Host header" lors de l'exécution du serveur de développement angular / cli c9.io

Commande en cours: ng serve --host --public $IP:$PORT

Résultats sur mon site:

Invalide en-tête d'Hôte

20

Voir ce problème
Modifier la ligne suivante dans
node_modules/webpack-dev-server/lib/Server.js (la ligne 425):
```
return true;
```
Je suis à l'aide de cloud9 IDE de lancer: ng serve --port 8080 --host 0.0.0.0.
Maintenant, fonctionne très bien.

Vous devez spécifier l'hôte

ng serve --port 8080 --host 123.34.56.78

14

La --disable-host-check indicateur fonctionne bien si vous avez besoin d'exécuter de Cloud9.

J'utilise la commande suivante:
```
ng serve --open --host $IP --port $PORT --disable-host-check
```

L'aide de la commande ci-dessous fonctionne pour moi.

ng serve --host 0.0.0.0 --port 8080  --public ipAddress

5

Vous devez exécuter les opérations suivantes : ng servir --port 8080 --publicHost 123.34.56.78 ( votre serveur ip ou nom d'hôte). fonctionne pour moi .
3

Cela a été résolu dans l'une des vidéo sur youtube commentaires grâce à Mateusz Sawa

Aller ici de le vérifier.

-- specifyng un hôte dans le paquet.json ne fonctionne plus --

juste à noter qu'il n'est pas nécessaire d'utiliser la commande qui a été utilisé dans la vidéo, le soufflet instructions sont assez pour faire ce que l'application fonctionne en utilisant des angular-cli développement

d'abord, vous devez trouver les hôtes dans le etc/ dossier

type cd .. dans la console jusqu'à ce que vous atteindre la racine de la machine linux et cochez la case " toujours avec ls de ce qui est listé

si vous voyez le hôtes fichier, que vous êtes dans le bon endroit et ensuite utiliser sudo vi hosts pour le modifier

ajouter la ligne soufflet toutes les adresses ip "0.0.0.0 yourworkspace-nomutilisateur.c9users.io" (sans les guillemets bien sûr 🙂 )

aussi au paquet.json changement
"démarrer": "ng servir -H yourworkspace-nomutilisateur.c9users.io"

ensuite, vous avez juste besoin d'aller sur le dossier de l'application et démarrez l'application dans le terminal avec npm start

vérifié tout à l'heure et il a travaillé
2

À l'aide de la commande ci-dessous avec la dernière version de Angulaire de la CLI fonctionne pour moi.
```
ng serve --host 0.0.0.0 --public-host <workspace>-<username>.c9users.io
```
1

J'ai eu la même erreur. Option publique résolu le problème pour moi, comme ci-dessous:
```
ng serve --host 0.0.0.0 --port 8080 --live-reload-port 8081 --public $C9_HOSTNAME
```
1

J'ai été confronté à la même erreur après le déploiement de mon angulaire application sur AWS EC2 exemple bitnami image. Puis j'ai lancé l'application avec la commande ci-dessous et il a bien fonctionné.
```
ng serve --host 0.0.0.0 --port 8080 --disableHostCheck true
```
0

Se référer à: https://github.com/angular/angular-cli/issues/6070

utilisez le public du pavillon. par exemple: ng serve --host <workspace>-<username>.c9users.io --public
0

Vous devez juste changer de 0.0.0.0 à votre adresse IP locale comme 192.168.1.42 et cela devrait fonctionner.
```
ng serve --host 192.168.1.42
```
0

La chose est que vous ne pouvez accéder au lien que vous avez spécifié dans --public paramètre. Dans mon cas, j'ai fourni l'adresse IP en public et en essayant d'y accéder avec le domaine, je me suis inscrit à l'encontre de propriété intellectuelle. Mais ng lie pour le seul hôte --public.

Pour résoudre ce problème, j'ai fourni un paramètre plus: disable-host-check.
Commande complète: ng serve --disable-host-check --host 0.0.0.0 --port 3100 --public x.x.x.x

Pour en savoir plus, cliquez ici
0

J'ai été faire cette erreur lorsque vous essayez d'accéder à notre application en utilisant le localtunnel utilitaire.

@tarn suggestion (à partir d'un commentaire sur la accepté de répondre) de l'ajout de --disableHostCheck true à la ng serve commande a fait le tour.
0

Voici la solution si quelqu'un a encore coincés dans invalid host header question:

Exécuter ng eject il va créer la webpack.config.js.
Exécuter npm install si c'est de poser des questions.
Ajouter ci-dessous les "disableHostCheck":true à devServer dans webpack.config.js. Comme ci-dessous:
```
"devServer": {
    "historyApiFallback": true,
    "disableHostCheck" : true //<-- add this line
  }
```
Puis dans package.json de changer le fichier start option sous ng comme ce

"start": "webpack-dev-server --host 0.0.0.0 --port YOURPORT --public YOURIP:YOURPORT"

Maintenant exécuter le anguleux avec npm start de commande.
Thats it.
0

Ci-dessous les deux solutions fonctionnent. En ligne de commande :

ng serve --public --host yourip --port yourportnumber

ng serve --host 0.0.0.0 --port yourport --disableHostCheck true
0

Utilisez la commande ci-dessous fonctionne pour moi Angulaire de la CLI: 6.0.7
```
ng serve --host 0.0.0.0 --port 8080 --disableHostCheck
```
0

Testé sur le dessous de la version Angulaire et le serveur Amazon.
```
Angular CLI: 6.0.8
Node: 8.11.3
OS: linux x64
Angular: 5.2.8
```
ng options de la commande a été changé, maintenant, utilisez configuration au lieu de env. La commande qui a fonctionné pour moi est
```
 ng serve --configuration=dev  --port 4009 --host 0.0.0.0 --publicHost myhost.com
```
Ne jamais utiliser --disable-host-check sur un serveur public. Angulaire vous avertira si vous utilisez ce. Il peut fonctionner, mais c'est un grave problème de sécurité. Vous obtiendrez ce message si vous utilisez ce drapeau.

AVERTISSEMENT: l'Exécution d'un serveur avec l'option --disable-accueil-check est un de la sécurité
risque. Voir
https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a
pour plus d'informations.

Veuillez prendre le temps de lire cet article, il vaut la peine de lire.
0

Changer la ligne 425 dans le fichier "node_modules/webpack-dev-server/lib/Server.js" de faux à vrai. j'.e,

Avant: return false;

Mise à jour: return true;

Vous devez vous connecter pour publier un commentaire.