Como permitir acesso fora do host local

Como posso permitir acesso fora do host local no Angular2? Posso navegar localhost:3030/panelfacilmente, mas não consigo navegar quando escrevo meu IP, como 10.123.14.12:3030/panel/.

Você poderia me permitir como consertar? Não estou usando npm(gerenciamento do projeto do nó - instalação do nó / início do nó) para instalar e executar o projeto.

Se você quiser, eu posso fornecer o meu package.jsone index.html.

Usar ng serve --host 0.0.0.0permitirá que você se conecte ao ng serveusando seu ip em vez de localhost.

EDITAR

Nas versões mais recentes do CLI, você deve fornecer o seu endereço IP local

EDIT 2

Nas versões mais recentes do cli (acho que v5 e acima), você pode usar 0.0.0.0como o ip novamente para hospedá-lo para qualquer pessoa na sua rede conversar.

Usuários de Mac:

1. Vá para Preferências do sistema -> Rede -> Wi-Fi
2. Copie o endereço IP abaixo de Status (geralmente 192.168.1.x)
3. Cole-o no seu ng servir como: ng serve --host 192.168.1.x

Em seguida, você deve poder ver sua página em outros dispositivos 192.168.1.x:4200.

comando de execução

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

isso desativará a verificação do host e permitirá o acesso de fora (em vez de localhost) com o endereço IP

Você pode usar o seguinte comando para acessar com seu ip.

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

Se você estiver usando o npm e quiser evitar executar o comando toda vez, podemos adicionar a seguinte linha ao arquivo package.json na seção scripts .

"scripts": {
    ...
    "start": "ng serve --host 0.0.0.0 --disable-host-check"
    ...
}

Em seguida, você pode executar seu aplicativo usando o comando abaixo para ser acessado a partir de outro sistema na mesma rede.

npm start

Eu apenas edito o angular.jsonarquivo no meu projeto como abaixo e funciona

...

    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "project:build",
        "host": "0.0.0.0"
      },

...

você também pode inspecionar todo o tráfego HTTP que passa pelos seus túneis usando o ngrok e pode expor usandongrok http --host-header=rewrite 4200

Abra o cmd e navegue até o local do projeto, ou seja, onde você executa o npm install ou ng serve para o projeto.

e execute o comando - ng serve --host 10.202.32.45onde 10.202.32.45está o seu endereço IP.

Você poderá acessar sua página 10.202.32.45:4200onde 4200 é o número da sua porta.

Nota: Se você veicular seu aplicativo usando este comando, não poderá acessarlocalhost:4200

Para o problema era Firewall. Se você estiver no Windows, verifique se o nó é permitido através

Uma solução rápida que pode ajudar alguém:

Adicione esta linha como valor para iniciar ng serve --host 0.0.0.0 --disable-host-check no seupackage.json

ex:

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

E então simplesmente faça startounpm run start

você poderá acessar seu projeto a partir de outros IPs locais.

Se você enfrentar o mesmo problema dentro do Docker, poderá usar abaixo CMDno Dockerfile.

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

Ou complete o Dockerfile

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

Crie proxy.conf.jsone cole esta configuração

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

Substituir:

let url = 'api/'+ your path;

Execute a partir da CLI:

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

para mim ele funciona usando "ng serve --open --host 0.0.0.0", mas há um aviso

AVISO: Este é um servidor simples para uso local em testes ou depurações de aplicativos Angular. Não foi revisado por problemas de segurança.

A ligação deste servidor a uma conexão aberta pode resultar em comprometimento do seu aplicativo ou computador. Usar um host diferente daquele transmitido para o sinalizador "--host" pode resultar em problemas de conexão com o websocket. Pode ser necessário usar "--disableHostCheck" se for esse o caso.

Não é necessário alterar o package.json.

Para mim, funciona usando:

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

Anfitrião: http: // localhost: 5999 /

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

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

• Agora você pode ver a linha abaixo no final da compilação.

O Angular Live Development Server está ouvindo 192.111.1.11:4545, abra o navegador em http://192.111.1.11:4545/**.

Para as pessoas que estão usando o gerenciador de projetos do nó, também essa linha incluída no package.json será suficiente. Para usuários angulares da CLI, a resposta do mast3rd3mon é verdadeira.

Você pode adicionar

"server": "webpack-dev-server --inline --progress --host 0.0.0.0 --port 3000"

para package.json