Ich bin neu in der ganzen Welt der Nodejs / Reactjs, also entschuldige mich, wenn meine Frage albern klingt. Also spiele ich mit reactabular.js herum .
Wann immer ich ein mache npm start
, läuft es immer weiter localhost:8080
.
Wie ändere ich es so, dass es ausgeführt wird 0.0.0.0:8080
, um es öffentlich zugänglich zu machen? Ich habe versucht, den Quellcode im obigen Repo zu lesen, konnte jedoch die Datei mit dieser Einstellung nicht finden.
Hinzu kommt: Wie kann ich es auf dem Port ausführen, 80
wenn dies überhaupt möglich ist?
<script src="http://localhost:8080/webpack-dev-server.js"></script>
der Seite etwas hinzufügen und ein domänenübergreifendes Plugin installieren. Diese Tools sehen interessant aus, scheinen jedoch davon auszugehen, dass Ihr Server ebenfalls ein Knoten ist, oder fehlt mir etwas?/data:image ...
,... .js
und/sockjs-node...
So habe ich es gemacht und es scheint ziemlich gut zu funktionieren.
Fügen Sie in Ihrer Datei webpack.config.js Folgendes hinzu:
Natürlich können Sie jeden Port verwenden, der nicht mit einem anderen in Konflikt steht. Ich erwähne das Konfliktproblem nur, weil ich ungefähr 4 Stunden verbracht habe. Ich habe ein Problem bekämpft, nur um festzustellen, dass meine Dienste auf demselben Port ausgeführt wurden.
quelle
Konfigurieren Sie das Webpack (in webpack.config.js) mit:
quelle
Ich bin neu in der JavaScript-Entwicklung und in ReactJS. Ich konnte keine Antwort finden, die für mich funktioniert, bis ich sie durch Anzeigen des React-Scripts-Codes herausgefunden habe. Wenn Sie ReactJS 15.4.1+ mit React-Skripten verwenden, können Sie mit einem benutzerdefinierten Host und / oder Port beginnen, indem Sie Umgebungsvariablen verwenden:
Hoffentlich hilft das Neulingen wie mir.
quelle
Folgendes hat bei mir funktioniert -
1 in
Package.json
Fügen Sie Folgendes hinzu:2)
webpack.config.js
Fügen Sie dies unter dem exportierten Konfigurationsobjekt hinzu:3) Jetzt am Terminaltyp:
npm run dev
4) Nachdem # 3 kompiliert und fertig ist, gehen Sie einfach zu Ihrem Browser und geben Sie die Adresse als ein
http://GACDTL001SS369k:8080/
Ihre App sollte jetzt hoffentlich mit einer externen URL arbeiten, auf die andere im selben Netzwerk zugreifen können.
PS:
GACDTL001SS369k
War mein Computername, also ersetzen Sie ihn durch Ihren Computer.quelle
Wenn Sie sich in einer mit 'create-react-app' erstellten React-Anwendung befinden, gehen Sie zu Ihrer
package.json
und ändern Sie diese"start": "react-scripts start",
zu ... ( Unix )
"start": "PORT=80 react-scripts start",
oder um ... (zu gewinnen )
"start": "set PORT=3005 && react-scripts start"
quelle
Folgendes hat bei mir in der JSON-Konfigurationsdatei funktioniert:
quelle
Ich kämpfte mit einigen der anderen Antworten. (Mein Setup lautet: Ich verwende
npm run dev
Webpack 3.12.0, nachdem ich mein Projekt mitvue init webpack
einer Ubuntu 18.04-Virtualbox unter Windows erstellt habe. Ich habe vagrant so konfiguriert, dass Port 3000 an den Host weitergeleitet wird.)npm run dev --host 0.0.0.0 --port 3000
nicht funktioniert --- es lief immer noch auf localhost: 8080.webpack.config.js
nicht und das Erstellen half auch nicht.build/webpack.dev.conf.js
(undbuild/webpack.base.conf.js
undbuild/webpack.prod.conf.js
) befinden. Es schien jedoch keine gute Idee zu sein, diese Dateien zu ändern, da sie tatsächlich HOST und PORT von lesenprocess.env
.Also suchte ich nach dem Setzen von process.env-Variablen und erzielte Erfolg, indem ich den folgenden Befehl ausführte :
Danach erhalte ich endlich "Ihre Anwendung läuft hier: http://0.0.0.0:3000 " und ich kann sie endlich sehen, indem ich zu navigiere
localhost:3000
vom Host-Computer aus zu .BEARBEITEN: Eine andere Möglichkeit besteht darin, den Entwicklerhost und den Port zu bearbeiten
config/index.js
.quelle
Für mich: Das Ändern des Listen-Hosts hat funktioniert:
wurde geändert in:
und der Server begann 0.0.0.0 abzuhören
quelle
Ich habe die oben genannten Lösungen ausprobiert, hatte aber kein Glück. Ich habe diese Zeile im package.json meines Projekts bemerkt:
},
Ich
bin/webpack-dev-server.js
habe diese Zeile angeschaut und gefunden:Ich habe den Port auf 3000 geändert. Ein bisschen Brute-Force-Ansatz, aber es hat bei mir funktioniert.
quelle
Ändern Sie in package.json den Wert "start" wie folgt
Hinweis: Führen Sie $ sudo npm start aus . Sie müssen sudo verwenden , um Reaktionsskripte auf Port 80 auszuführen
quelle
Bei mir hat dieser Code funktioniert. Fügen Sie es einfach Ihrer
package.json
Datei hinzu:Führen Sie das Skript "build" aus, indem Sie es ausführen
npm run build
quelle
Ich habe versucht, einfach einen anderen Port zu verwenden:
quelle