Commande en cours: ng serve --Host --public $IP:$PORT
Résultats sur mon site:
En-tête d'hôte invalide
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
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.
L'utilisation de la commande ci-dessous fonctionne pour moi.
ng serve --Host 0.0.0.0 --port 8080 --public ipAddress
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 .
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
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
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.
Cela fonctionne pour moi ngrok http --Host-header = réécrire PORT
par exemple: ngrok http --Host-header = rewrite 4200
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é
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 :)
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
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
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
Dans angular.json, ajoutez ce qui suit sous architect -> serve -> options
"disableHostCheck": true
Vous avez obtenu la réponse de ceci Github Issue Page
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
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.
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
Voir: https://github.com/angular/angular-cli/issues/607
utilisez le drapeau public. par exemple: ng serve --Host <workspace>-<username>.c9users.io --public
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.