Bagaimana untuk memungkinkan akses dari luar localhost

Bagaimana saya dapat memungkinkan akses luar localhost di Angular2 ? Saya dapat menavigasi di localhost:3030/panel dengan mudah, tetapi saya tidak dapat menavigasi ketika saya menulis saya IP tersebut seperti 10.123.14.12:3030/panel/.

Bisa tolong izinkan saya bagaimana untuk memperbaiki ini ? Saya tidak menggunakan npm (node mengelola proyek - node install / node awal ) untuk menginstal dan menjalankan proyek.

Jika kau mau , aku bisa memberikan saya paket.json dan index.html.

Arun Bertil
Pertanyaan edit 11 April 2018 в 11:47
Pemrograman
angular typescript ng-build
19 April 2017 в 9:57
6 tayangan
Mengomentari pertanyaan (4)
Larutan

Menggunakan ng melayani-host 0.0.0.0 akan memungkinkan anda untuk terhubung ke ng melayani menggunakan ip anda bukan localhost.

EDIT

Dalam versi yang lebih baru dari cli, anda harus memberikan alamat ip lokal anda, bukan

EDIT 2

Dalam versi yang lebih baru dari cli (saya pikir v5 dan up) anda dapat menggunakan 0.0.0.0 sebagai ip lagi untuk menjadi tuan rumah bagi siapa saja di jaringan anda untuk berbicara untuk.

Thomas Darvik
Jawaban edit 15 Juni 2018 в 8:09
Komentar (15)

Pengguna Mac:

  1. Pergi ke System Preferences -> Jaringan -> Wi-Fi gratis
  2. Salin alamat IP di bawah ini Status (Biasanya 192.168.1.x)
  3. Paste di ng melayani seperti: ng melayani-host 192.168.1.x

Maka anda harus mampu untuk melihat halaman anda pada perangkat lain melalui 192.168.1.x:4200.

Sajad
Jawaban edit 12 September 2018 в 10:08
Komentar (4)

menjalankan perintah-" ng melayani --host=0.0.0.0 --disable-host-check "

ini akan menonaktifkan cek host dan memungkinkan untuk akses dari luar(bukan localhost) dengan alamat ip

Komentar (3)

anda juga bisa introspeksi semua lalu lintas HTTP yang berjalan di atas terowongan menggunakan ngrok , maka anda dapat mengekspos menggunakan ngrok http --host-header=rewrite 4200

Zombie
Jawaban edit 3 April 2019 в 9:12
Komentar (0)

Anda dapat menggunakan perintah berikut untuk akses dengan ip anda.

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

Jika anda menggunakan npm dan ingin menghindari menjalankan perintah setiap saat, kita dapat menambahkan baris berikut ke paket.json file dalam script bagian.

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

Kemudian anda dapat menjalankan aplikasi anda menggunakan perintah di bawah ini dapat diakses dari sistem lain di jaringan yang sama.

npm start
Komentar (1)

Saya hanya mengedit sudut.json file dalam proyek saya seperti di bawah ini dan bekerja

...

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

...

Farzad
Jawaban edit 25 Februari 2019 в 5:30
Komentar (0)

Buka cmd dan arahkan ke lokasi proyek yaitu di mana anda menjalankan npm install atau ng melayani untuk proyek tersebut.

dan kemudian menjalankan perintah - ng melayani-host 10.202.32.45 di mana 10.202.32.45 adalah alamat IP anda.

Anda akan dapat mengakses halaman anda di 10.202.32.45:4200 di mana 4200 adalah nomor port.

Catatan: Jika anda melayani aplikasi anda menggunakan perintah ini maka anda tidak't dapat mengakses localhost:4200

Komentar (3)

Untuk masalah Firewall. Jika anda berada di Windows, pastikan node diperbolehkan melalui

Komentar (0)

Gunakan ini :

ng melayani --tuan --0.0.0.0 port xxxx

Komentar (0)

Untuk orang-orang yang menggunakan node manajer proyek, juga garis ini menambah paket.json akan cukup. Untuk sudut CLI pengguna, mast3rd3mon's jawaban yang benar.

Anda dapat menambahkan

javascript "server": "webpack-dev-server --inline --kemajuan --tuan --0.0.0.0 port 3000"

untuk paket.json

BossmanT
Jawaban edit 8 April 2019 в 5:30
Komentar (0)