我尝试这样做是为了方便地使用另一个端口:

PORT=80 npm run dev

以下工作为我在JSON配置文件:

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

我尝试了上面的解决方案，但没有运气。我注意到这一行在我的项目的package.json:

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

},

我查看了bin/webpack-dev-server.js，发现了这一行:

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

我把端口改成了3000。有点蛮力的方法，但对我很有效。

告诉你你正在尝试做的事情的安全影响的b/c，我觉得很脏，但你来吧。

NPM执行dev——-h 0.0.0.0 -p 80

对我来说:改变监听主机有效:

.listen(3000, 'localhost', function (err, result) {
        if (err) {
            console.log(err);
        }
        console.log('Listening at localhost:3000');
    });

改为:

.listen(3000, '0.0.0.0', function (err, result) {
        if (err) {
            console.log(err);
        }
        console.log('Listening at localhost:3000');
    });

服务器开始监听0.0.0.0

我是JavaScript开发和ReactJS的新手。我无法找到适合我的答案，直到通过查看react-scripts代码才找到答案。使用ReactJS 15.4.1+使用react-scripts，您可以通过使用环境变量从自定义主机和/或端口开始:

HOST='0.0.0.0' PORT=8080 npm start

希望这能帮助到像我这样的新人。