"Encabezado de host no válido" al ejecutar el servidor de desarrollo Angular / cli c9.io

Comando actual: ng serve --host --public $IP:$PORT

Resultados en mi sitio web:

Encabezado de host no válido

La --disable-host-checkbandera funciona bien si necesita ejecutar desde Cloud9.

Yo uso el siguiente comando:

ng serve --open --host $IP --port $PORT --disable-host-check

Necesitas especificar el host

ng serve --port 8080 --host 123.34.56.78

Ver este problema

Edite la siguiente línea en node_modules/webpack-dev-server/lib/Server.js(línea 425), cambie a:

return true;

Estoy usando IDE cloud9 continuación, ejecute: ng serve --port 8080 --host 0.0.0.0. Ahora funciona bien.

Esto funciona para mi:

ngrok http --host-header=rewrite PORT

por ejemplo :

ngrok http --host-header=rewrite 4200

En mi caso, utilizo mi nombre de host para actualizar el archivo / etc / hosts.

vi /etc/hosts

y agregue su nombre de host en la última línea.

127.0.0.1 myHostName.com

para conectar mi servidor,

ng serve -o

Se produjo un error al conectarse a myHostName.com:4200 .

entonces, me gustó esto,

ng serve --host 0.0.0.0 --disableHostCheck true

Reconectando a myHostName.com:4200 :)

Necesita ejecutar lo siguiente:

ng serve --port 8080 --publicHost 123.34.56.78 // your server ip or host name.

Funciona para mi.

Usar el siguiente comando funciona para mí.

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

En angular.json, agregue lo siguiente en arquitecto -> servir -> opciones

"disableHostCheck": true

Obtuve la respuesta de esta página de problemas de Github

Me enfrentaba al mismo error después de implementar mi aplicación angular en la instancia AWS EC2 que tiene una imagen bitnami. Luego lancé mi aplicación con el siguiente comando y funcionó bien.

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

Use el siguiente comando que me funciona para Angular CLI: 6.0.7

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

Probado en la siguiente versión de Angular y servidor Amazon.

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

Las opciones del comando ng se han cambiado, ahora use en configurationlugar de env. El comando que funcionó para mí es

 ng serve --configuration=dev  --port 4009 --host 0.0.0.0 --publicHost myhost.com

Nunca lo use --disable-host-checken un servidor público. Angular te advertirá si usas esto. Puede funcionar, pero es un problema de seguridad grave. Recibirá este mensaje si usa esa bandera.

ADVERTENCIA: ejecutar un servidor con --disable-host-check es un riesgo de seguridad. Consulte https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a para obtener más información.

Por favor, tómese un tiempo para leer ese artículo que vale la pena leer.

En realidad, esto se resolvió en uno de los comentarios del video de youtube gracias a Mateusz Sawa

Vaya aquí para comprobarlo.

- especificar un host en package.json ya no funciona -

solo para tener en cuenta que no es necesario usar el comando que se usó en el video, las siguientes instrucciones son suficientes para que la aplicación funcione con el angular-clidesarrollo regular

primero necesitas encontrar los hosts en la carpeta etc /

escriba cd ..en la consola hasta llegar a la raíz de la máquina linux y verifique siempre con lslo que se enumera

si ve el archivo de hosts , entonces está en la ubicación correcta y luego lo usa sudo vi hostspara editarlo

agregue la línea debajo de todas las direcciones IP "0.0.0.0 yourworkspace-yourusername.c9users.io " (sin comillas, por supuesto :-))

también en package.json cambie "start": "ng serve -H yourworkspace-yourusername.c9users.io "

entonces solo necesita ir a la carpeta de la aplicación e iniciar la aplicación en la terminal con npm start

Lo comprobé ahora y funcionó

Usar el siguiente comando con la última versión de Angular CLI funciona para mí.

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

A continuación, ambas soluciones funcionarán. En línea de comando:

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

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

Tengo el mismo error. La opción pública resolvió el problema para mí como a continuación:

ng serve --host 0.0.0.0 --port 8080 --live-reload-port 8081 --public $C9_HOSTNAME

ng serve --host 0.0.0.0 --port 1234 --public-host mydomain.com

Esto funciona para mi.

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

usa la bandera pública. por ejemplo:ng serve --host <workspace>-<username>.c9users.io --public

Simplemente debe cambiar 0.0.0.0 a su dirección IP local como 192.168.1.42 y debería funcionar.

ng serve --host 192.168.1.42

La cuestión es que solo puede acceder al enlace que haya especificado en el parámetro --public. En mi caso, proporcioné la dirección IP en --public e intento acceder a ella con el dominio que registré con esa IP. Pero ng lo vincula para el único host proporcionado en --public.

Para resolver este problema, que suministré un parámetro más: disable-host-check. Comando completo:ng serve --disable-host-check --host 0.0.0.0 --port 3100 --public x.x.x.x

Para saber más, haga clic aquí.

Recibí este error al intentar acceder a nuestra aplicación usando la localtunnelutilidad.

La sugerencia de @tarn (de un comentario sobre la respuesta aceptada) de agregar --disableHostCheck trueal ng servecomando funcionó.

Aquí hay una solución si alguien todavía está atrapado en el invalid host headerproblema:

Ejecutarlo ng ejectcreará el webpack.config.js. Corre npm installsi te lo pide. Añadir a continuación "disableHostCheck":truea devServer en webpack.config.js. Como abajo:

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

Luego, en package.jsonla startopción de cambio de archivo de ngesta manera

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

Ahora ejecuta el angular con el npm startcomando. Eso es.

gracias por todas las soluciones, --disable-host-check funciona para mí, pero no entiendo por qué tengo que usar esa solución, por qué no puedo servir como cualquier otra aplicación nueva.

Dale una oportunidad

ng serve --host <private IP> --port <host port> --public-host <public IP>

Cambie la línea 425 en el archivo "node_modules / webpack-dev-server / lib / Server.js" de falso a verdadero. es decir,

Antes: devuelve falso;

Actualizado: devuelve verdadero;