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
.
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.
Pengguna Mac:
ng melayani-host 192.168.1.x
Maka anda harus mampu untuk melihat halaman anda pada perangkat lain melalui 192.168.1.x:4200
.
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
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"
},
...
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
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