如何使webpack开发服务器运行在端口80和0.0.0.0使其公开访问?

我是nodejs/reactjs世界的新手，所以如果我的问题听起来很傻，我很抱歉。我在摆弄react。js。

每当我做一个npm启动，它总是运行在localhost:8080。

如何将其更改为在0.0.0.0:8080上运行以使其可公开访问?我一直试图阅读上述回购中的源代码，但未能找到执行此设置的文件。

此外，要补充的是-我如何使它在端口80上运行，如果这是可能的?

当前回答

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

“start”:“react-scripts start”，

……(unix)

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

或者…(赢)

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

其他回答

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

“start”:“react-scripts start”，

……(unix)

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

或者…(赢)

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

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

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

对于windows，创建文件runMobile.bat

set PORT=8081
set HOST=192.168.3.20
npm run dev

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

PORT=80 npm run dev

我就是这么做的，而且看起来效果不错。

在webpack.config.js文件中添加以下内容:

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

显然，您可以使用与其他端口不冲突的任何端口。我提到冲突问题只是因为我花了大约4个小时。与问题作斗争，却发现我的服务运行在同一个端口上。

推荐文章