如何使webpack dev服务器在端口80和0.0.0.0上运行以使其可公开访问?
我是新来的整个nodejs / reactjs世界,所以如果我的qs听起来很愚蠢,我很抱歉。 所以我在这里玩这个reactjs应用程序: https : //github.com/bebraw/reactabular
每当我做一个“npm开始”它总是运行在本地主机:8080
如何将其更改为在0.0.0.0:8080上运行以使其可公开访问? 我一直在尝试阅读上述回购的源代码,但没有find这个设置的文件。
还要补充一点 – 如果可以的话,如何让它在80端口上运行?
谢谢。
这样的事情为我工作。 我猜这应该适合你。
使用这个运行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()]
这是我做到的,似乎工作得很好。
在你的webpack.config.js文件中添加如下内容:
devServer: { inline:true, port: 8008 },
显然你可以使用任何不与另一个冲突的端口。 我只提到冲突问题,因为我花了大约4个小时。 只是为了发现我的服务在同一个端口上运行。
configurationwebpack(在webpack.config.js中):
devServer: { // ... host: '0.0.0.0', port: 80, // ... }
我是JavaScript开发和ReactJS的新手。 我找不到一个适用于我的答案,直到查看react-scripts代码。 使用ReactJS 15.4.1+使用react-scripts,您可以使用环境variables来启动自定义主机和/或端口:
HOST='0.0.0.0' PORT=8080 npm start
希望这有助于像我这样的新人。
以下为我工作 –
1)在Package.json
添加这个:
"scripts": { "dev": "webpack-dev-server --progress --colors" }
2)在webpack.config.js
添加这个你导出的configuration对象:
devServer: { host: "GACDTL001SS369k", // Your Computer Name port: 8080 }
3)现在terminalinput: npm run dev
4)#3编译完成后,直接进入浏览器,inputhttp://GACDTL001SS369k:8080/
您的应用程序应该现在可以使用其他人可以在同一networking上访问的外部URL。
PS: GACDTL001SS369k
是我的电脑名称,所以请更换你的机器上的任何东西。
如果您正在使用“create-react-app”创build的React应用程序,请转到您的package.json
并进行更改
"start": "react-scripts start",
到…( unix )
"start": "PORT=80 react-scripts start",
或…( 赢 )
"start": "set PORT=3005 && react-scripts start"
以下在JSONconfiguration文件中为我工作:
"scripts": { "start": "webpack-dev-server --host 127.0.0.1 --port 80 ./js/index.js" },