如果你在用“create-react-app”创建的React应用程序中，请转到你的包中。Json和更改

“start”:“react-scripts start”，

……(unix)

"start": "PORT=80 response -scripts start"，

或者…(赢)

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

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

HOST='0.0.0.0' PORT=8080 npm start

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

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

.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

对我来说，这个代码起作用了。只要把它加在你的包装上。Json文件:

"scripts": {
    "dev-server": "encore dev-server",
    "dev": "webpack-dev-server --progress --colors",
    "watch": "encore dev --watch",
    "build": "encore production --progress"
},

然后通过运行npm run build运行脚本“build”

其他一些答案让我很纠结。(我的设置是:我在Windows下的Ubuntu 18.04虚拟机上使用vue init webpack创建我的项目后，使用webpack 3.12.0运行npm run dev。我有流浪者配置转发端口3000到主机。)

不幸的是，让npm run dev——host 0.0.0.0——port 3000不起作用——它仍然运行在localhost:8080上。 此外，webpack.config.js文件并不存在，创建它也没有帮助。 然后我发现配置文件现在位于build/webpack.dev.conf.js(和build/webpack.base.conf.js和build/webpack.prod.conf.js)。然而，修改这些文件看起来并不是一个好主意，因为它们实际上是从process.env中读取HOST和PORT。

所以我搜索了如何设置进程。Env变量和achieved success by running the command:

HOST=0.0.0.0 PORT=3000 npm run dev

这样做之后，我终于得到“您的应用程序正在这里运行:http://0.0.0.0:3000”，我终于能够通过从主机上浏览localhost:3000看到它。

编辑:另一种方法是在config/index.js中编辑dev主机和端口。

对于windows，创建文件runMobile.bat

set PORT=8081
set HOST=192.168.3.20
npm run dev