Come rendere il server di sviluppo webpack eseguito sulla porta 80 e su 0.0.0.0 per renderlo pubblicamente accessibile?

Sono nuovo di tutto il mondo nodejs / reactjs, quindi mi scuso se il mio qs sembra sciocco. Quindi sto giocando con questa app reactjs qui: https://github.com/bebraw/reactabular

Ogni volta che faccio un “npm start” gira sempre su localhost: 8080

Come posso modificarlo per funzionare su 0.0.0.0:8080 per renderlo pubblicamente accessibile? Ho cercato di leggere il codice sorgente nel repository sopra, ma non sono riuscito a trovare il file che esegue questa impostazione.

Inoltre per aggiungere a ciò – come faccio a farlo funzionare sulla porta 80 se è ansible?

Grazie.

    Qualcosa del genere ha funzionato per me. Immagino che questo dovrebbe funzionare per te.

    Esegui webpack-dev usando questo

    webpack-dev-server --host 0.0.0.0 --port 80 

    E impostalo in webpack.config.js

     entry: [ 'webpack-dev-server/client?http://0.0.0.0:80', config.paths.demo ] 

    Nota Se si sta utilizzando il caricamento a caldo, sarà necessario farlo.

    Esegui webpack-dev usando questo

     webpack-dev-server --host 0.0.0.0 --port 80 

    E impostalo in webpack.config.js

     entry: [ 'webpack-dev-server/client?http://0.0.0.0:80', 'webpack/hot/only-dev-server', config.paths.demo ], .... plugins:[new webpack.HotModuleReplacementPlugin()] 

    Questo è come l’ho fatto e sembra funzionare abbastanza bene.

    Nel tuo file webpack.config.js aggiungi quanto segue:

     devServer: { inline:true, port: 8008 }, 

    Ovviamente puoi usare qualsiasi porta che non sia in conflitto con un’altra. Cito il problema del conflitto solo perché ho trascorso circa 4 ore. combattere un problema solo per scoprire che i miei servizi erano in esecuzione sulla stessa porta.

    Configura webpack (in webpack.config.js) con:

     devServer: { // ... host: '0.0.0.0', port: 80, // ... } 

    Sono nuovo nello sviluppo di JavaScript e ReactJS. Non sono stato in grado di trovare una risposta che funzioni per me, fino a quando non riesco a scoprirlo visualizzando il codice di script di reazione. Utilizzando ReactJS 15.4.1+ utilizzando gli script di reazione è ansible iniziare con un host e / o una porta personalizzati utilizzando le variabili di ambiente:

     HOST='0.0.0.0' PORT=8080 npm start 

    Speriamo che questo aiuti i nuovi arrivati ​​come me.

    In seguito ha funzionato per me –

    1) In Package.json aggiungi questo:

     "scripts": { "dev": "webpack-dev-server --progress --colors" } 

    2) In webpack.config.js aggiungi questo sotto l’object config che esporti:

     devServer: { host: "GACDTL001SS369k", // Your Computer Name port: 8080 } 

    3) Ora sul tipo di terminale: npm run dev

    4) Dopo aver compilato # 3 e pronto, basta andare sul browser e digitare l’indirizzo come http://GACDTL001SS369k:8080/

    Speriamo che la tua app funzioni ora con un URL esterno a cui altri utenti possono accedere sulla stessa rete.

    PS: GACDTL001SS369k era il mio nome computer, quindi sostituiscilo con quello che è il tuo sulla tua macchina.

    Se ti trovi in ​​un’applicazione React creata con ‘create-react-app’ vai su package.json e cambia

    "start": "react-scripts start",

    a … ( unix )

    "start": "PORT=80 react-scripts start",

    o per … ( vincere )

    "start": "set PORT=3005 && react-scripts start"

    In seguito ha funzionato per me nel file di configurazione JSON:

     "scripts": { "start": "webpack-dev-server --host 127.0.0.1 --port 80 ./js/index.js" }, 

    Ho provato le soluzioni sopra, ma non ho avuto fortuna. Ho notato questa linea nel package.json del mio progetto:

      "bin": { "webpack-dev-server": "bin/webpack-dev-server.js" 

    },

    Ho guardato bin/webpack-dev-server.js e bin/webpack-dev-server.js trovato questa riga:

     .describe("port", "The port").default("port", 8080) 

    Ho cambiato la porta a 3000. Un po ‘un approccio a forza bruta, ma ha funzionato per me.

    in package.json l’ho trovato

    “scripts”: {“start”: “node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js”,

    controllare il contenuto del file di configurazione di riferimento.

    vim ./node_modules/webpack-dev-server/bin/webpack-dev-server.js

    .describe (“port”, “The port”). default (“port”, 8080) .describe (“public”, “Il nome host / ip pubblico del server”) .describe (“host”, “Il nome host / indirizzo IP il server si collegherà a “). default (” host “,” localhost “);

    cambia l’ultima riga sopra da localhost a 0.0.0.0

    .describe (“host”, “Il nome host / indirizzo IP il server si collegherà a”). predefinito (“host”, “0.0.0.0”);

    Ho provato a cambiare la porta predefinita da 8080 a 80, ma mi ha dato questo messaggio di errore.

    r $ npm start

    [email protected] start / home / ubuntu / ReduxSimpleStarter node ./node_modules/webpack-dev-server/bin/webpack-dev-server.js

    events.js: 183 throw er; // Evento ‘errore’ non gestito

    Ho dei server che in precedenza non amano l’esecuzione su numeri di porta <8000.

    per ora ho npm avviare il server in esecuzione e collegarmi ad esso sull’istanza ubuntu di AWS EC2 su questo indirizzo.

    http: //xx.xx.xx.xx: 8080 / webpack-dev-Server /

    ma invece del mio caricamento della pagina web ottengo questo errore 🙁

    Intestazione host non valida