"En-tête D'hôte invalide" lors de l'exécution D'Angular/cli development server c9.io

Voir ce problème

Modifier la ligne suivante dans node_modules/webpack-dev-server/lib/Server.js (la ligne 425):

return true;

j'utilise cloud9 IDE puis exécuter:ng serve --port 8080 --host 0.0.0.0. Maintenant, fonctionne très bien.

--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

Vous devez spécifier l'hôte

ng serve --port 8080 --host 123.34.56.78

utiliser la commande ci-dessous fonctionne pour moi.

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

Vous devez exécuter la commande suivante : ng serve --port 8080 --publicHost 123.34.56.78 ( votre serveur ip ou nom d'hôte). fonctionne pour moi .

ceci a été en fait résolu dans l'un des commentaires Vidéo youtube grâce à Mateusz Sawa

ici pour le vérifier.

-- spécifiez un hôte dans le paquet.json ne fonctionne plus --

juste pour noter qu'il n'est pas nécessaire d'utiliser la commande qui a été utilisée dans la vidéo, les instructions ci-dessous sont suffisantes pour faire fonctionner l'application en utilisant angular-cli développement

vous devez d'abord trouver l' hosts dans le etc/ dossier

tapez cd .. dans la console jusqu'à ce que vous atteigniez la racine de la machine linux et vérifiez toujours avec ls liste

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

ajouter la ligne suivante toutes les adresses ip " 0.0.0.0 votre espace de travail-votre nom d'utilisateur.c9users.io " (without quotes of course : -))

aussi dans le paquet.json changement "start": "ng serve-H votre espace de travail-votre nom d'utilisateur.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é

L'utilisation de la commande ci-dessous avec la dernière version de CLI angulaire fonctionne pour moi.

ng serve --host 0.0.0.0 --public-host <workspace>-<username>.c9users.io

Utilisez la commande ci-dessous fonctionne pour moi pour CLI angulaire: 6.0.7

ng serve --host 0.0.0.0 --port 8080 --disableHostCheck

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

je faisais face à la même erreur après avoir déployé mon application angulaire sur l'instance AWS EC2 ayant bitnami image. Puis j'ai lancé mon application avec la commande ci-dessous et ça a bien fonctionné.

ng serve --host 0.0.0.0 --port 8080 --disableHostCheck true

testé sur la version ci-dessous D'Angular et server Amazon.

Angular CLI: 6.0.8
Node: 8.11.3
OS: linux x64
Angular: 5.2.8

les options de la commande ng ont été modifiées, utilisez maintenant 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.

attention: exécuter un serveur avec --disable-host-check est un 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 qu'il vaut la peine de lire.

voir: https://github.com/angular/angular-cli/issues/6070

Utilisez le drapeau public. par exemple: ng serve --host <workspace>-<username>.c9users.io --public

Vous devriez juste changer 0.0.0.0 à votre adresse IP locale comme 192.168.1.42 et ça devrait marcher.

ng serve --host 192.168.1.42

la chose est que vous ne pouvez accéder au lien que vous avez spécifié dans le paramètre --public. Dans mon cas, j'ai fourni l'adresse IP dans --public et j'ai essayé d'y accéder avec le domaine que j'ai enregistré contre cette adresse IP. Mais ng lie pour le seul hôte en 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

je suis d'erreur lorsque vous essayez d'accéder à notre application en utilisant le localtunnel utilitaire.

la suggestion de@tarn (d'après un commentaire sur la réponse acceptée) d'ajouter --disableHostCheck trueng serve le commandement a fait l'affaire.

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

Exécuter ng eject il va créer le webpack.config.js. Exécutez npm install si c'est de poser des questions. Ajouter en dessous de "disableHostCheck":truedevServerwebpack.config.js. Comme ci-dessous:

"devServer": {
    "historyApiFallback": true,
    "disableHostCheck" : true //<-- add this line
  }

Puis package.json changement de fichier start option sous ng comme ceci

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

maintenant, exécutez l'angle avec npm start la commande. Thats it.

en dessous, les deux solutions fonctionneront. En ligne de commande :

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

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

Modifier la ligne 425 dans le fichier "node_modules/webpack-dev-server/lib/Serveur.js" de false à true. j'.e,

avant: return false;

mise à Jour: return true;

Dans mon cas, j'utilise mon nom d'hôte pour mettre à jour /etc/hosts.

vi /etc/hosts

et d'ajouter votre nom d'hôte de la dernière ligne.

127.0.0.1 myHostName.com

pour connecter mon serveur,

ng serve -o

une erreur s'est produite lors de la connexion à myHostName.:4200.

donc, je l'utilise comme ça,

ng serve --host 0.0.0.0 --disableHostCheck true

Reconnecting to myHostName.:4200 :)