Bagaimana saya bisa mengizinkan akses di luar localhost di Angular2? Saya dapat menavigasi dengan localhost:3030/panel
mudah tetapi saya tidak dapat menavigasi ketika saya menulis IP seperti 10.123.14.12:3030/panel/
.
Bisakah Anda mengizinkan saya cara memperbaikinya? Saya tidak menggunakan npm
(mengelola proyek simpul - install node / start node) untuk menginstal dan menjalankan proyek.
Jika Anda mau, saya bisa menyediakan package.json
dan index.html
.
angular
typescript
ng-build
Tonyukuk
sumber
sumber
Jawaban:
Menggunakan
ng serve --host 0.0.0.0
akan memungkinkan Anda untuk terhubung keng serve
menggunakan ip Anda, bukanlocalhost
.EDIT
Di versi yang lebih baru dari cli, Anda harus memberikan alamat ip lokal Anda sebagai gantinya
EDIT 2
Dalam versi yang lebih baru dari cli (saya pikir v5 dan lebih tinggi), Anda dapat menggunakan
0.0.0.0
ip lagi untuk menjadi tuan rumah bagi siapa saja di jaringan Anda untuk diajak bicara.sumber
ng serve --open --host 0.0.0.0 --disable-host-check
Pengguna Mac:
ng serve --host 192.168.1.x
Maka Anda harus dapat melihat halaman Anda di perangkat lain melalui
192.168.1.x:4200
.sumber
jalankan perintah
ini akan menonaktifkan pemeriksaan host dan memungkinkan akses dari luar (bukan localhost) dengan alamat IP
sumber
ng serve --host 0.0.0.0
bekerja dengan baik untuk saya. Apa yang seharusnya dilakukan oleh tuan rumah?disabled-host-check
sebaliknya saya mendapat pesan "Invalid Host header"Anda dapat menggunakan perintah berikut untuk mengakses dengan ip Anda.
Jika Anda menggunakan npm dan ingin menghindari menjalankan perintah setiap waktu, kami dapat menambahkan baris berikut ke file package.json di bagian skrip .
Kemudian Anda dapat menjalankan aplikasi Anda menggunakan perintah di bawah ini untuk diakses dari sistem lain di jaringan yang sama.
sumber
Saya hanya mengedit
angular.json
file di proyek saya seperti di bawah ini dan berfungsi...
...
sumber
Anda juga dapat mengintrospeksi semua lalu lintas HTTP yang berjalan di terowongan Anda menggunakan ngrok , lalu Anda dapat mengekspos menggunakan
ngrok http --host-header=rewrite 4200
sumber
Buka cmd dan arahkan ke lokasi proyek yaitu di mana Anda menjalankan instalasi npm atau ng servis untuk proyek tersebut.
dan kemudian jalankan perintah - di
ng serve --host 10.202.32.45
mana10.202.32.45
alamat IP Anda.Anda akan dapat mengakses halaman Anda di
10.202.32.45:4200
mana 4200 adalah nomor port Anda.Catatan: Jika Anda melayani aplikasi menggunakan perintah ini maka Anda tidak akan dapat mengakses
localhost:4200
sumber
Untuk masalahnya adalah Firewall. Jika Anda menggunakan Windows, pastikan simpul diizinkan masuk
sumber
Solusi cepat yang mungkin membantu seseorang:
Tambahkan baris ini sebagai nilai untuk memulai
ng serve --host 0.0.0.0 --disable-host-check
dipackage.json
ex:
Dan kemudian lakukan
start
ataunpm run start
Anda akan dapat mengakses proyek Anda dari IP lokal lainnya.
sumber
Jika Anda menghadapi masalah yang sama di dalam Docker, maka Anda dapat menggunakan
CMD
di bawah ini di Dockerfile.Atau lengkapi Dockerfile
sumber
Buat
proxy.conf.json
dan tempel konfigurasi iniMenggantikan:
Jalankan dari CLI:
sumber
bagi saya ini berfungsi menggunakan "ng serve --open --host 0.0.0.0" tetapi ada peringatan
PERINGATAN: Ini adalah server sederhana untuk digunakan dalam menguji atau men-debug aplikasi Angular secara lokal. Belum ditinjau untuk masalah keamanan.
Mengikat server ini ke koneksi terbuka dapat mengakibatkan kompromi aplikasi atau komputer Anda. Menggunakan host yang berbeda dari yang diteruskan ke bendera "--host" dapat menyebabkan masalah koneksi websocket. Anda mungkin perlu menggunakan "--disableHostCheck" jika itu masalahnya.
sumber
Tidak ada package.json yang perlu diubah.
Bagi saya ini berfungsi menggunakan:
Host: http: // localhost: 5999 /
sumber
Gunakan
ng serve --host<Your IP> --port<Required if any>
.ng serve --host = 192.111.1.11 --port = 4545.
Anda sekarang dapat melihat baris di bawah ini di akhir kompilasi.
sumber
Untuk orang-orang yang menggunakan manajer proyek simpul, juga baris ini menambahkan ke package.json akan cukup. Untuk pengguna CLI sudut, jawaban mast3rd3mon benar.
Anda dapat menambahkan
ke package.json
sumber