web-dev-qa-db-fra.com

"En-tête d'hôte non valide" 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:

En-tête d'hôte invalide

49
Olejs

Le drapeau --disable-Host-check fonctionne bien si vous devez exécuter Cloud9.

J'utilise la commande suivante:

ng serve --open --Host $IP --port $PORT --disable-Host-check
65
Rodolfo Díaz

Vous devez spécifier l'hôte

ng serve --port 8080 --Host 123.34.56.78

Voir ce numéro

Modifiez la ligne suivante dans node_modules/webpack-dev-server/lib/Server.js (ligne 425), remplacez par:

return true;

J'utilise cloud9 IDE puis lancez: ng serve --port 8080 --Host 0.0.0.0. Maintenant fonctionne bien.

20
kegliz

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

ng serve --Host 0.0.0.0 --port 8080  --public ipAddress
8
Devesh Vyas

Vous devez exécuter les fonctions suivantes: ng serve --port 8080 --publicHost 123.34.56.78 (l'adresse IP ou le nom d'hôte de votre serveur). travaille pour moi .

6
Nitin Tyagi

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

ng serve --Host 0.0.0.0 --port 8080 --disableHostCheck
5
Eastbrook

Je rencontrais la même erreur après le déploiement de mon application angular sur une instance AWS EC2 ayant une image bitnami. Ensuite, j'ai lancé mon application avec la commande ci-dessous et cela a bien fonctionné.

ng serve --Host 0.0.0.0 --port 8080 --disableHostCheck true
5
Manish Bansal

Testé sur la version ci-dessous de Angular et du serveur Amazon.

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

les options de la commande ng ayant é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

N'utilisez jamais --disable-Host-check sur un serveur public. Angular vous préviendra si vous l'utilisez. Cela peut fonctionner mais c'est un problème de sécurité sérieux. Vous obtiendrez ce message si vous utilisez ce drapeau.

AVERTISSEMENT: L'exécution d'un serveur avec --disable-Host-check constitue un risque pour la sécurité. Voir https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a pour plus d'informations.

S'il vous plaît prenez un peu de temps pour lire cet article, il vaut la peine de le lire.

4
Krishnadas PC

Cela fonctionne pour moi ngrok http --Host-header = réécrire PORT

par exemple: ngrok http --Host-header = rewrite 4200

4
Nelson Cespedes

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

Allez ici pour le vérifier.

- spécifier un hôte dans package.json ne fonctionne plus -

il suffit de noter qu'il n'est pas nécessaire d'utiliser la commande utilisée dans la vidéo, les instructions ci-dessous sont suffisantes pour que l'application fonctionne avec le développement régulier de angular-cli

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

tapez cd .. dans la console jusqu'à ce que vous atteigniez la racine de la machine Linux et vérifiez toujours avec ls ce qui est répertorié

si vous voyez le fichier hosts , vous êtes au bon emplacement, puis utilisez Sudo vi hosts pour le modifier.

ajoutez la ligne ci-dessous toutes les adresses ip "0.0.0.0 yourworkspace-yourusername.c9users.io " (sans guillemets bien sûr :-))

aussi dans package.json changer "start": "ng servez -H votre espace de travail-votre nomutilisateur.c9users.io "

alors il vous suffit d'aller dans le dossier de l'application et de lancer l'application dans le terminal avec npm start

vérifié tout à l'heure et cela a fonctionné

3

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

vi /etc/hosts

et ajoutez votre nom d'hôte à la dernière ligne.

127.0.0.1 myHostName.com

connecter mon serveur,

ng serve -o

Une erreur s'est produite lors de la connexion à myHostName.com:42.

alors j'utilise comme ça,

ng serve --Host 0.0.0.0 --disableHostCheck true

Reconnexion à myHostName.com:42 :)

3
CookAtRice

En utilisant la commande ci-dessous avec la dernière version de Angular, l'interface de ligne de commande fonctionne pour moi.

ng serve --Host 0.0.0.0 --public-Host <workspace>-<username>.c9users.io
2
Ben Hanna

J'ai la même erreur. Option publique résolu problème pour moi comme ci-dessous:

ng serve --Host 0.0.0.0 --port 8080 --live-reload-port 8081 --public $C9_HOSTNAME
1
LacOniC

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

1
pa1 Raju

Dans angular.json, ajoutez ce qui suit sous architect -> serve -> options

"disableHostCheck": true

Vous avez obtenu la réponse de ceci Github Issue Page

0
ruwan800

Vous devriez simplement changer 0.0.0.0 en votre adresse IP locale comme 192.168.1.42 et cela devrait fonctionner.

ng serve --Host 192.168.1.42
0
MatiusDevelopment

J'avais cette erreur en essayant d'accéder à notre application en utilisant l'utilitaire localtunnel.

La suggestion de @tarn (à partir d’un commentaire sur la réponse acceptée) d’ajouter --disableHostCheck true à la commande ng serve s’est révélée efficace.

0
Mark Meuer

Le fait est que vous ne pouvez accéder qu'au lien que vous avez spécifié dans le paramètre --public. Dans mon cas, j'ai fourni l'adresse IP en --public et j'essaie d'y accéder avec le domaine que j'ai enregistré avec cette adresse IP. Mais ng le lie pour le seul hôte fourni dans --public.

Pour résoudre ce problème, j'ai fourni un paramètre supplémentaire: 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
shubham

Voir: https://github.com/angular/angular-cli/issues/607

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

0
Jason Spick

Voici la solution si quelqu'un est toujours bloqué invalid Host header

Exécutez _ng eject_ il créera le _webpack.config.js_. Exécutez _npm install_ s'il le demande. Ajouter ci-dessous _"disableHostCheck":true_ à devServer dans _webpack.config.js_. Comme ci-dessous:

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

Puis dans _package.json_ fichier change start option sous ng comme ceci

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

Exécutez maintenant la commande angular avec _npm start_. C'est ça.

0
susheel