angular - Kako omogućiti pristup izvan localhosta

Kako mogu omogućiti pristup izvan localhosta u Angular2? Mogu se lako kretati do localhost:3030/panel, ali ne mogu pristupiti kada napišem svoju IP adresu, npr. 10.123.14.12:3030/panel/.

Možete li mi, molim vas, objasniti kako to popraviti? Ne koristim npm (upravitelj projekata za Node - node install/node start) za instalaciju i pokretanje projekta.

Ako želiš, mogu pružiti svoj package.json i index.html.

Odgovor #1

Korištenje ng serve --host 0.0.0.0 omogućit će vam povezivanje s ng serve koristeći vašu IP adresu umjesto localhost.

UREDI

U novijim verzijama CLI-a morate umjesto toga unijeti svoju lokalnu IP adresu

UREDI 2

U novijim verzijama CLI-ja (mislim od verzije 5 nadalje) možete opet koristiti 0.0.0.0 kao IP kako biste ga omogućili svima na vašoj mreži da komuniciraju s njim.

Odgovor #2

pokreni naredbu

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

ovo će onemogućiti provjeru hosta i omogućiti pristup izvana (umjesto s localhosta) putem IP adrese

Odgovor #3

Korisnici Maca:

  1. Idite na System Preferences -> Network -> Wi-Fi
  2. Kopirajte IP adresu ispod Status (Obično 192.168.1.x)
  3. Zalijepite to u svoj ng serve ovako: ng serve --host 192.168.1.x

Tada morate moći vidjeti svoju stranicu na drugim uređajima putem 192.168.1.x:4200.

Odgovor #4

Možete koristiti sljedeću naredbu za pristup s vašom IP adresom.

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

Ako koristite npm i želite izbjeći pokretanje naredbe svaki put, možemo dodati sljedeći redak u datoteku package.json u odjeljak scripts.

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

Tada možete pokrenuti svoju aplikaciju koristeći donju naredbu kako bi joj se pristupilo s drugog sustava u istoj mreži.

npm start

Odgovor #5

Upravo sam uredio angular.json datoteku u svom projektu kao dolje i to radi

...

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

Odgovor #6

Nije potrebno mijenjati package.json.

Za mene to djeluje koristeći:

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

Host: http://localhost:5999/

Odgovor #7

Problem je bio vatrozid. Ako koristite Windows, provjerite je li dopušten pristup nodeu

Odgovor #8

U Angular verziji 11 (i možda u nekim ranijim verzijama) opcija --public-host funkcionira za mene, na primjer:

ng serve --host 0.0.0.0 --public-host app.mypublicdomain.com

Povezani članci