change - page title angular 4
Cómo permitir el acceso fuera de localhost (9)
¿Cómo puedo permitir el acceso fuera de localhost en Angular2?
Puedo navegar en
localhost:3030/panel
fácilmente pero no puedo navegar cuando escribo mi IP como
10.123.14.12:3030/panel/
.
¿Podría por favor permitirme cómo solucionarlo?
No estoy usando
npm
(gestión de proyecto de nodo - instalación de nodo / inicio de nodo) para instalar y ejecutar el proyecto.
Si lo desea, puedo proporcionar mi
package.json
e
index.html
.
Abra cmd y navegue a la ubicación del proyecto, es decir, donde ejecuta npm install o ng serve para el proyecto.
y luego ejecute el comando -
ng serve --host 10.202.32.45
donde
10.202.32.45
es su dirección IP.
Podrá acceder a su página en
10.202.32.45:4200
donde 4200 es su número de puerto.
Nota:
Si sirve su aplicación usando este comando, entonces no podrá acceder a
localhost:4200
Acabo de editar el archivo
angular.json
en mi proyecto como se muestra a continuación y funciona
...
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "project:build",
"host": "0.0.0.0"
},
...
El uso de
ng serve --host 0.0.0.0
le permitirá conectarse al
ng serve
usando su ip en lugar de
localhost
.
EDITAR
En las versiones más nuevas de cli, debe proporcionar su dirección IP local.
EDITAR 2
En las versiones más recientes del cli (creo que v5 y superior) puede usar
0.0.0.0
como ip nuevamente para alojarlo para que cualquiera en su red pueda hablar.
Para las personas que usan el administrador de proyectos de nodo, también será suficiente esta línea que se agrega a package.json. Para usuarios de CLI angular, la respuesta de mast3rd3mon es verdadera.
Puedes añadir
"server": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"
a package.json
Puede usar el siguiente comando para acceder con su ip.
ng serve --host 0.0.0.0 --disable-host-check
Si está utilizando npm y desea evitar ejecutar el comando cada vez, podemos agregar la siguiente línea al archivo package.json en la sección de scripts .
"scripts": {
...
"start": "ng serve --host 0.0.0.0 --disable-host-check"
...
}
Luego puede ejecutar su aplicación utilizando el siguiente comando para acceder desde el otro sistema en la misma red.
npm start
Usuarios de Mac:
- Vaya a Preferencias del sistema -> Red -> Wi-Fi
- Copie la dirección IP debajo del estado (generalmente 192.168.1.x)
-
Pégalo en tu ng serve como:
ng serve --host 192.168.1.x
Entonces debe poder ver su página en otros dispositivos a través de
192.168.1.x:4200
.
comando de ejecución- "ng serve --host = 0.0.0.0 --disable-host-check"
Esto deshabilitará la verificación de host y permitirá el acceso desde el exterior (en lugar de localhost) con la dirección IP
también puede introspectar todo el tráfico HTTP que se ejecuta sobre sus túneles usando
ngrok
, luego puede exponer usando
ngrok http --host-header=rewrite 4200