Saya baru di seluruh dunia node / reactjs jadi minta maaf jika pertanyaan saya terdengar konyol. Jadi saya bermain-main dengan reactabular.js .
Setiap kali saya melakukan npm start
itu selalu berjalan localhost:8080
.
Bagaimana cara mengubahnya agar berjalan 0.0.0.0:8080
agar dapat diakses publik? Saya telah mencoba membaca kode sumber di repo di atas tetapi gagal menemukan file yang melakukan pengaturan ini.
Juga, untuk menambah itu - bagaimana cara membuatnya berjalan di port 80
jika itu memungkinkan?
<script src="http://localhost:8080/webpack-dev-server.js"></script>
ke halaman dan menginstal beberapa plugin lintas domain yang memungkinkan? Alat-alat ini terlihat menarik tetapi tampaknya menganggap server Anda juga node atau saya kehilangan sesuatu?/data:image ...
,... .js
dan/sockjs-node...
Ini adalah bagaimana saya melakukannya dan sepertinya bekerja dengan cukup baik.
Dalam file webpack.config.js Anda tambahkan berikut ini:
Jelas Anda dapat menggunakan port apa pun yang tidak bertentangan dengan yang lain. Saya menyebutkan masalah konflik hanya karena saya menghabiskan sekitar 4 jam. melawan masalah hanya untuk menemukan bahwa layanan saya berjalan di port yang sama.
sumber
Konfigurasikan webpack (di webpack.config.js) dengan:
sumber
Saya baru mengenal pengembangan JavaScript dan ReactJS. Saya tidak dapat menemukan jawaban yang berfungsi untuk saya, hingga mencari jawabannya dengan melihat kode skrip reaksi. Menggunakan ReactJS 15.4.1+ menggunakan skrip reaksi Anda dapat mulai dengan host dan / atau port khusus dengan menggunakan variabel lingkungan:
Semoga ini membantu pendatang baru seperti saya.
sumber
Mengikuti berhasil untuk saya -
1)
Package.json
Tambahkan ini:2) Di
webpack.config.js
tambahkan ini di bawah objek konfigurasi yang Anda ekspor:3) Sekarang pada tipe terminal:
npm run dev
4) Setelah kompilasi # 3 dan siap langsung saja menuju ke browser Anda dan masukkan alamat sebagai
http://GACDTL001SS369k:8080/
Aplikasi Anda semoga sekarang berfungsi dengan URL eksternal yang dapat diakses orang lain di jaringan yang sama.
PS:
GACDTL001SS369k
adalah Nama Komputer saya jadi ganti dengan apa pun milik Anda di komputer Anda.sumber
Jika Anda berada dalam Aplikasi Bereaksi yang dibuat dengan 'buat-reaksi-aplikasi', buka
package.json
dan ubah"start": "react-scripts start",
untuk ... ( unix )
"start": "PORT=80 react-scripts start",
atau ke ... ( menang )
"start": "set PORT=3005 && react-scripts start"
sumber
Berikut ini berfungsi untuk saya dalam file konfigurasi JSON:
sumber
Saya bergumul dengan beberapa jawaban lain. (Setup saya adalah: Saya sedang menjalankan
npm run dev
, dengan webpack 3.12.0, setelah membuat proyek saya menggunakanvue init webpack
pada virtualbox Ubuntu 18.04 di Windows. Saya telah mengkonfigurasi dikonfigurasi untuk meneruskan port 3000 ke host.)npm run dev --host 0.0.0.0 --port 3000
tidak berfungsi --- masih berjalan di localhost: 8080.webpack.config.js
tidak ada dan membuatnya tidak membantu.build/webpack.dev.conf.js
(danbuild/webpack.base.conf.js
danbuild/webpack.prod.conf.js
). Namun, sepertinya bukan ide yang baik untuk memodifikasi file-file ini, karena mereka sebenarnya membaca HOST dan PORT dariprocess.env
.Jadi saya mencari tentang cara mengatur variabel process.env dan mencapai kesuksesan dengan menjalankan perintah:
Setelah melakukan ini, saya akhirnya mendapatkan "Aplikasi Anda berjalan di sini: http://0.0.0.0:3000 " dan saya akhirnya dapat melihatnya dengan menelusuri ke
localhost:3000
dari mesin host.EDIT: Ditemukan cara lain untuk melakukannya adalah dengan mengedit host dev dan pelabuhan di
config/index.js
.sumber
Bagi saya: mengubah host dengarkan berfungsi:
diubah menjadi:
dan server mulai mendengarkan pada 0.0.0.0
sumber
Saya mencoba solusi di atas, tetapi tidak berhasil. Saya perhatikan baris ini di package.json proyek saya:
},
Saya melihat
bin/webpack-dev-server.js
dan menemukan baris ini:Saya mengubah port menjadi 3000. Sedikit pendekatan brute force, tetapi berhasil bagi saya.
sumber
Dalam package.json ubah nilai "mulai" sebagai berikut
Catatan: Jalankan $ sudo mulai npm , Anda harus menggunakan sudo untuk menjalankan skrip reaksi pada port 80
sumber
Bagi saya, kode ini berfungsi. Cukup tambahkan di
package.json
file Anda :Dan jalankan script "build" dengan menjalankan
npm run build
sumber
Saya mencoba ini dengan mudah menggunakan port lain:
sumber