Saat ini perintah: ng melayani --tuan --publik $IP:$PORT
Hasil di website saya:
tidak Valid Host header
The --disable-host-check
bendera bekerja dengan baik jika anda perlu untuk menjalankan dari Cloud9.
Saya menggunakan perintah berikut:
ng serve --open --host $IP --port $PORT --disable-host-check
Anda perlu menentukan host
ng serve --port 8080 --host 123.34.56.78
Lihat masalah ini
Edit baris berikut di
node_modules/webpack-dev-server/lib/Server.js
(baris 425), perubahan ke:return true;
saya menggunakan cloud9 IDE kemudian jalankan:
ng melayani-port 8080 --host 0.0.0.0
. Sekarang bekerja dengan baik.
Ini bekerja untuk saya :
ngrok http --host-header=rewrite PORT
misalnya :
ngrok http --host-header=rewrite 4200
Saya menghadapi kesalahan yang sama setelah mengerahkan saya app sudut pada AWS EC2 instance memiliki bitnami gambar. Kemudian saya meluncurkan aplikasi dengan perintah di bawah ini dan itu bekerja dengan baik.
ng serve --host 0.0.0.0 --port 8080 --disableHostCheck true
Dalam kasus saya, saya menggunakan nama host untuk memperbarui file /etc/host.
vi /etc/hosts
dan tambahkan nama host anda baris terakhir.
127.0.0.1 myHostName.com
untuk menghubungkan server saya,
ng serve -o
Terjadi kesalahan saat menghubungkan ke myHostName.com:4200.
jadi, aku memang seperti ini,
ng serve --host 0.0.0.0 --disableHostCheck true
Kembali ke myHostName.com:4200 :)
Diuji di bawah versi Sudut dan server Amazon.
Angular CLI: 6.0.8
Node: 8.11.3
OS: linux x64
Angular: 5.2.8
ng pilihan perintah yang telah berubah, sekarang menggunakan konfigurasi
bukan amplop
. Perintah yang bekerja untuk saya adalah
ng serve --configuration=dev --port 4009 --host 0.0.0.0 --publicHost myhost.com
Jangan pernah menggunakan --disable-host-check
pada server publik. Sudut akan memperingatkan anda jika anda menggunakan ini. Itu mungkin bekerja tapi itu adalah masalah keamanan serius. Anda akan mendapatkan pesan ini jika anda menggunakan bendera itu.
PERINGATAN: Menjalankan server dengan --disable-host-cek keamanan risiko. Lihat https://medium.com/webpack/webpack-dev-server-middleware-security-issues-1489d950874a untuk informasi lebih lanjut.
Silakan luangkan waktu untuk membaca artikel ini patut dibaca.
Ini adalah benar-benar diselesaikan dalam salah satu video youtube komentar terima kasih untuk Mateusz Sawa
Pergi di sini untuk check it out.
-- specifyng tuan rumah dalam paket.json tidak bekerja lagi --
hanya yang perlu diperhatikan bahwa hal ini tidak perlu untuk menggunakan perintah yang digunakan dalam video, di bawah petunjuk yang cukup untuk membuat aplikasi yang bekerja menggunakan regular sudut-cli
pengembangan
pertama, anda perlu untuk menemukan host di dll/ folder
jenis cd ..
di konsol hingga mencapai akar dari mesin linux dan selalu periksa dengan ls
apa yang tercantum
jika anda melihat host file, daripada anda berada di lokasi yang tepat dan kemudian menggunakan sudo vi host
untuk mengedit
tambahkan baris di bawah semua alamat ip "0.0.0.0 yourworkspace-yourusername.c9users.io" (tanpa tanda kutip tentunya :-) )
juga dalam paket.json perubahan "mulai": "ng melayani -H yourworkspace-yourusername.c9users.io"
kemudian anda hanya perlu pergi ke folder aplikasi dan jalankan aplikasi ini di terminal dengan npm mulai
diperiksa itu sekarang dan itu bekerja
Merujuk ke: https://github.com/angular/angular-cli/issues/6070
gunakan publik bendera. misalnya: ng melayani-host <kerja>-<username>.c9users.io --publik
Masalahnya adalah anda hanya bisa akses ke link yang telah anda tentukan di --semua parameter. Dalam kasus saya, saya telah menyediakan alamat IP di --publik dan mencoba untuk mengaksesnya dengan domain saya terdaftar terhadap IP tersebut. Tapi ng mengikat itu untuk satu-satunya host yang disediakan di --publik.
Untuk memecahkan masalah ini, saya diberikan satu lagi parameter: disable-host-check
.
Lengkapi perintah: ng melayani --disable-host-check --tuan --0.0.0.0 port 3100 --umum x.x.x.x
Untuk mengetahui lebih lanjut, klik di sini
Saya mendapatkan kesalahan ini ketika mencoba untuk mengakses aplikasi kita menggunakan localtunnel
utilitas.
@tarn 's saran (dari titik komentar pada jawaban yang diterima) menambahkan --disableHostCheck benar
untuk ng melayani
perintah melakukan trik.
Berikut ini adalah solusi jika ada orang yang masih terjebak di tidak valid host header
masalah:
Menjalankan ng mengeluarkan
itu akan menciptakan webpack.config.js
.
Menjalankan npm install
jika itu adalah bertanya.
Tambahkan berikut "disableHostCheck":true
untuk devServer
di webpack.config.js
. Seperti di bawah ini:
"devServer": {
"historyApiFallback": true,
"disableHostCheck" : true //<-- add this line
}
Kemudian dalam paket.json
mengubah file start
di bawah pilihan ng
seperti ini
"mulai": "webpack-dev-server --tuan --0.0.0.0 port YOURPORT --publik YOURIP:YOURPORT"
Sekarang jalankan sudut dengan npm mulai
perintah.
Thats it.