Saya mencoba menguji aplikasi Bereaksi saya di perangkat seluler. Saya menggunakan ngrok untuk membuat server lokal saya tersedia untuk perangkat lain dan mendapatkan ini berfungsi dengan berbagai aplikasi lain. Namun, ketika saya mencoba menghubungkan ngrok ke server React dev, saya mendapatkan kesalahan:
Invalid Host Header
Saya percaya bahwa Bereaksi memblokir semua permintaan dari sumber lain secara default. Adakah pikiran?
-host-header
harus datang sebelum nomor port, sehingga contoh pertama harusngrok http -host-header="localhost:8080" 8080
Pilihan 1
Jika Anda tidak perlu menggunakan Otentikasi, Anda dapat menambahkan konfigurasi ke perintah ngrok
atau
Tetapi dalam kasus ini Otentikasi tidak akan berfungsi di situs web Anda karena header dan sesi penulisan ulang ngrok tidak berlaku untuk domain ngrok Anda
pilihan 2
Jika Anda menggunakan webpack, Anda dapat menambahkan konfigurasi berikut
Dalam hal itu, header Otentikasi akan valid untuk domain ngrok Anda
sumber
Saya menggunakan pengaturan ini di aplikasi reaksi yang berfungsi. Saya membuat file config bernama configstrp.js yang berisi yang berikut:
Membutuhkan file di server.
dan terhubung seperti itu
Jangan melewati subdomain jika Anda tidak memiliki domain khusus
sumber