change - page title angular 4

Cómo permitir el acceso fuera de localhost

Question

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

Answer 1

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

Answer 2

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"
      },

...

Answer 3

El problema era el cortafuegos. Si está en Windows, asegúrese de que el nodo esté permitido a través de

Answer 4

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.

Answer 5

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

Answer 6

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

Answer 7

Usuarios de Mac:

1. Vaya a Preferencias del sistema -> Red -> Wi-Fi
2. Copie la dirección IP debajo del estado (generalmente 192.168.1.x)
3. 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 .

Answer 8

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

Answer 9

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