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

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

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

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

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

当前回答

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

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

2017-07-23 07:31:42

其他回答

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

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

2017-07-23 07:31:42

配置webpack(在webpack.config.js中):

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

2016-05-17 12:52:32

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

.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

2019-03-29 12:46:54

这种方法对我很管用。我猜这应该对你有用。

使用此命令运行webpack-dev

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

在webpack.config.js中设置

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

注意:如果您正在使用热加载，则必须这样做。

使用此命令运行webpack-dev

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

在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()]

2015-10-22 04:34:47

对于windows，创建文件runMobile.bat

set PORT=8081
set HOST=192.168.3.20
npm run dev

2022-11-30 10:24:42

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

推荐文章

最新文章

标签