Jestem nowy w całym świecie Nodejs / Reagjs, więc przepraszam, jeśli moje pytanie brzmi głupio. Więc bawię się z Reactabular.js .
Ilekroć robię npm start
, zawsze działa localhost:8080
.
Jak zmienić go, aby działał, 0.0.0.0:8080
aby był publicznie dostępny? Próbowałem odczytać kod źródłowy w powyższym repozytorium, ale nie udało mi się znaleźć pliku, który spełnia to ustawienie.
Ponadto, aby dodać do tego - jak sprawić, aby działał na porcie, 80
jeśli jest to w ogóle możliwe?
<script src="http://localhost:8080/webpack-dev-server.js"></script>
do strony i zainstalować kilka domen umożliwiających wtyczkę? Te narzędzia wyglądają interesująco, ale wydają się zakładać, że twój serwer jest również węzłem, czy coś pomijam?/data:image ...
,... .js
i/sockjs-node...
Tak to zrobiłem i wydaje się, że działa całkiem dobrze.
W swoim pliku webpack.config.js dodaj:
Oczywiście możesz użyć dowolnego portu, który nie powoduje konfliktu z innym. Wspominam o konflikcie tylko dlatego, że spędziłem około 4 godzin. walcząc z problemem, aby odkryć, że moje usługi działały na tym samym porcie.
źródło
Skonfiguruj webpack (w webpack.config.js) za pomocą:
źródło
Jestem nowym programistą JavaScript i ReactJS. Nie byłem w stanie znaleźć odpowiedzi, która będzie dla mnie odpowiednia, dopóki nie rozgryzłem jej, przeglądając kod skryptów reagujących. Za pomocą ReactJS 15.4.1+ i skryptów reagujących można rozpocząć od niestandardowego hosta i / lub portu za pomocą zmiennych środowiskowych:
Mam nadzieję, że pomoże to nowicjuszom takim jak ja.
źródło
Obserwowanie działało dla mnie -
1)
Package.json
Dodaj to:2)
webpack.config.js
Dodaj to w ramach obiektu konfiguracji, który eksportujesz:3) Teraz na typ terminalu:
npm run dev
4) Po skompilowaniu i przygotowaniu # 3 po prostu przejdź do przeglądarki i wprowadź adres jako
http://GACDTL001SS369k:8080/
Mam nadzieję, że Twoja aplikacja powinna teraz działać z zewnętrznym adresem URL, do którego inni mogą uzyskać dostęp w tej samej sieci.
PS: to
GACDTL001SS369k
była moja nazwa komputera, więc zastąp ją tym, co jest twoje na twoim komputerze.źródło
Jeśli korzystasz z aplikacji React utworzonej za pomocą aplikacji „create-reag-app”, przejdź do
package.json
i zmień"start": "react-scripts start",
do ... ( unix )
"start": "PORT=80 react-scripts start",
or to ... ( win )
"start": "set PORT=3005 && react-scripts start"
źródło
Następujące działało dla mnie w pliku konfiguracyjnym JSON:
źródło
Zmagałem się z kilkoma innymi odpowiedziami. (Moja konfiguracja:
npm run dev
działam z webpack 3.12.0, po utworzeniu projektu przy użyciuvue init webpack
wirtualnego pudełka Ubuntu 18.04 pod Windows. Mam włóczęgę skonfigurowaną do przekazywania portu 3000 do hosta.)npm run dev --host 0.0.0.0 --port 3000
nie działało --- wciąż działało na localhost: 8080.webpack.config.js
nie istniał, a jego utworzenie również nie pomogło.build/webpack.dev.conf.js
(build/webpack.base.conf.js
ibuild/webpack.prod.conf.js
). Jednak modyfikacja tych plików nie wyglądała na dobry pomysł, ponieważ faktycznie odczytują one HOST i PORTprocess.env
.Szukałem więc, jak ustawić zmienne process.env i osiągnąłem sukces, uruchamiając polecenie:
Po wykonaniu tej czynności w końcu pojawia się komunikat „Twoja aplikacja jest uruchomiona tutaj: http://0.0.0.0:3000 ” i w końcu mogę ją zobaczyć, przeglądając stronę
localhost:3000
z komputera hosta.EDYCJA: Znalazłem inny sposób, aby to zrobić, edytując hosta dewelopera i port w
config/index.js
.źródło
Dla mnie: zmiana hosta nasłuchiwania działała:
został zmieniony na:
i serwer zaczął nasłuchiwać na 0.0.0.0
źródło
Wypróbowałem powyższe rozwiązania, ale nie miałem szczęścia. Zauważyłem ten wiersz w pakiecie.json mojego projektu:
},
Spojrzałem
bin/webpack-dev-server.js
i znalazłem tę linię:Zmieniłem port na 3000. Trochę brutalnego podejścia, ale mi się udało.
źródło
W pliku package.json zmień wartość „start” w następujący sposób
Uwaga: Uruchom $ sudo npm start , musisz użyć sudo, aby uruchomić reagujące skrypty na porcie 80
źródło
Dla mnie ten kod działał. Po prostu dodaj go do swojego
package.json
pliku:I uruchom skrypt „build”, uruchamiając
npm run build
źródło
Próbowałem tego, aby łatwo użyć innego portu:
źródło