Localhost dışında erişime nasıl izin verilir?

Angular2'de localhost dışında erişime nasıl izin verebilirim? localhost:3030/panelKolayca gezinebilirim ama IP adresimi yazarken gezinemiyorum 10.123.14.12:3030/panel/.

Lütfen nasıl düzelteceğime izin verir misiniz? npmProjeyi yüklemek ve çalıştırmak için (düğüm proje yönetimi - düğüm yükleme / düğüm başlangıcı) kullanmıyorum .

İstersen benim package.jsonve sağlayabilirim index.html.

Kullanarak ng serve --host 0.0.0.0, ng serveyerine ip kullanarak bağlanmanıza izin verir localhost.

DÜZENLE

Klibin yeni sürümlerinde, bunun yerine yerel ip adresinizi girmeniz gerekir

DÜZENLEME 2

Cli'nin yeni sürümlerinde (sanırım v5 ve üstü) 0.0.0.0ağınızdaki herkesin konuşması için onu barındırmak için tekrar ip olarak kullanabilirsiniz .

Mac kullanıcıları:

1. Sistem Tercihleri ​​-> Ağ -> Wi-Fi'ye gidin
2. Aşağıdaki IP adresini kopyala Status (Genellikle 192.168.1.x)
3. Aşağıdaki gibi servisinize yapıştırın: ng serve --host 192.168.1.x

Ardından, sayfanızı diğer cihazlarda aracılığıyla görebilmeniz gerekir 192.168.1.x:4200.

komutu çalıştır

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

bu, ana makine kontrolünü devre dışı bırakır ve IP adresiyle dışarıdan (localhost yerine) erişime izin verir

İp'inize erişmek için aşağıdaki komutu kullanabilirsiniz.

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

Npm kullanıyorsanız ve komutu her seferinde çalıştırmaktan kaçınmak istiyorsanız, komut dosyaları bölümündeki package.json dosyasına aşağıdaki satırı ekleyebiliriz .

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

Ardından, aynı ağdaki diğer sistemden erişilecek aşağıdaki komutu kullanarak uygulamanızı çalıştırabilirsiniz.

npm start

Projemdeki angular.jsondosyayı aşağıdaki gibi düzenliyorum ve çalışıyor

...

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

...

ngrok kullanarak tünelleriniz üzerinden çalışan tüm HTTP trafiğini de inceleyebilir , ardındanngrok http --host-header=rewrite 4200

Cmd'yi açın ve proje konumuna gidin, yani proje için npm kurulumunu veya hizmetini çalıştırdığınız yerde.

ve sonra komutu çalıştırın - IP adresiniz ng serve --host 10.202.32.45nerede 10.202.32.45.

10.202.32.45:42004200 numaralı bağlantı noktanızdan sayfanıza erişebileceksiniz .

Not: Uygulamanızı bu komutu kullanarak sunarsanız, erişemezsiniz.localhost:4200

Sorun Güvenlik Duvarı idi. Windows kullanıyorsanız, düğüme izin verildiğinden emin olun.

Birine yardımcı olabilecek hızlı bir çözüm:

Bu satırı ng serve --host 0.0.0.0 --disable-host-check ,package.json

örn:

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

Ve sonra startya sadecenpm run start

projenize diğer yerel IP'lerden erişebileceksiniz.

Docker içinde aynı sorunla karşılaşırsanız CMD, Dockerfile içinde aşağıda kullanabilirsiniz .

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

Veya Dockerfile'ı tamamlayın

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

proxy.conf.jsonBu yapılandırmayı oluştur ve yapıştır

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

Değiştir:

let url = 'api/'+ your path;

CLI'den çalıştır:

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

benim için "ng serve --open --host 0.0.0.0" kullanarak çalışır ama bir uyarı var

UYARI: Bu, açısal uygulamaları yerel olarak test etmek veya hata ayıklamak için kullanılan basit bir sunucudur. Güvenlik sorunları için incelenmedi.

Bu sunucuyu açık bir bağlantıya bağlamak uygulamanızın veya bilgisayarınızın güvenliğini tehlikeye atabilir. "--Host" bayrağına geçirilenden farklı bir ana bilgisayar kullanılması websocket bağlantı sorunlarına neden olabilir. Bu durumda "--disableHostCheck" komutunu kullanmanız gerekebilir.

Hiçbir package.json değiştirmek gerekmez.

Benim için çalışıyor:

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

Ana bilgisayar: http: // localhost: 5999 /

• Kullanın ng serve --host<Your IP> --port<Required if any>.

• porsiyon --host = 192.111.1.11 - port = 4545.

• Şimdi derlemenin sonunda aşağıdaki satırı görebilirsiniz.

Angular Live Development Server 192.111.1.11:4545 dinliyor, tarayıcınızı http://192.111.1.11:4545/** açınız .

Düğüm proje yöneticisini kullanan kişiler için, package.json'a eklenen bu satır da yeterli olacaktır. Açısal CLI kullanıcıları için mast3rd3mon'un yanıtı doğrudur.

Ekleyebilirsin

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

to package.json