Cómo permitir el acceso fuera de localhost

¿Cómo puedo permitir el acceso fuera del localhost en Angular2? Puedo navegar localhost:3030/panelfá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.jsony index.html.

El uso ng serve --host 0.0.0.0le permitirá conectarse al ng serveuso de su ip en lugar de localhost.

EDITAR

En las versiones más recientes del cli, debe proporcionar su dirección IP local

EDITAR 2

En las versiones más recientes de cli (creo que v5 y posteriores) puede usarlo 0.0.0.0como ip nuevamente para alojarlo para que cualquier persona en su red pueda hablar.

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éguelo en su ng servir 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.

ejecutar comando

ng serve --host=0.0.0.0 --disable-host-check

esto deshabilitará la verificación del host y permitirá el acceso desde afuera (en lugar de localhost) con la dirección IP

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

Acabo de editar el angular.jsonarchivo 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"
      },

...

también puede introspectar todo el tráfico HTTP que se ejecuta sobre sus túneles usando ngrok , luego puede exponer usandongrok http --host-header=rewrite 4200

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.45dónde 10.202.32.45está su dirección IP?

Podrá acceder a su página 10.202.32.45:4200donde 4200 es su número de puerto.

Nota: Si sirve su aplicación usando este comando, entonces no podrá accederlocalhost:4200

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

Una solución rápida que podría ayudar a alguien:

Agregue esta línea como valor para comenzar ng serve --host 0.0.0.0 --disable-host-check en supackage.json

ex:

{
"ng": "ng",
"start": "ng serve --host 0.0.0.0 --disable-host-check",
"build": "ng build",
}

Y luego simplemente hacer startonpm run start

Podrá acceder a su proyecto desde otras IP locales.

Si enfrenta el mismo problema dentro de Docker, puede usarlo a continuación CMDen Dockerfile.

CMD ["ng", "serve", "--host", "0.0.0.0"]

O completar Dockerfile

FROM node:alpine
WORKDIR app
RUN npm install -g @angular/cli
COPY . .
CMD ["ng", "serve", "--host", "0.0.0.0"]

Crea proxy.conf.jsony pega esta configuración

{  
"/api/*":
    {    
        "target": "http://localhost:7070/your api project name/",
        "secure": false,
        "pathRewrite": {"^/api" : ""}
    }
}

Reemplazar:

let url = 'api/'+ your path;

Ejecutar desde CLI:

ng serve  --host port.number —-proxy-config proxy.conf.json

para mí funciona usando "ng serve --open --host 0.0.0.0" pero hay una advertencia

ADVERTENCIA: Este es un servidor simple para usar en pruebas o depuración de aplicaciones angulares localmente. No ha sido revisado por problemas de seguridad.

Vincular este servidor a una conexión abierta puede comprometer su aplicación o computadora. El uso de un host diferente al que se pasó al indicador "--host" podría provocar problemas de conexión de WebSocket. Es posible que necesite usar "--disableHostCheck" si ese es el caso.

No package.json es necesario cambiar.

Para mí funciona usando:

ng serve --host = 0.0.0.0 --port = 5999 --disable-host-check

Anfitrión: http: // localhost: 5999 /

• Uso ng serve --host<Your IP> --port<Required if any>.

• ng serve --host = 192.111.1.11 --port = 4545.

• Ahora puede ver la siguiente línea al final de la compilación.

Angular Live Development Server está escuchando en 192.111.1.11:4545, abra su navegador en http://192.111.1.11:4545/**.

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