我是整个nodejs / reactjs世界的新手，如果我的问题听起来很傻，我深表歉意。所以我在玩reactabular.js。
每当我做一个npm start它总是运行localhost:8080。
如何更改它以继续运行0.0.0.0:8080以使其可公开访问？我一直在尝试阅读上述 repo 中的源代码，但未能找到执行此设置的文件。
另外，补充一点 -80如果可能的话，我如何让它在端口上运行？
如何让 webpack 开发服务器在端口 80 和 0.0.0.0 上运行以使其可公开访问？
IT技术
node.js
reactjs
npm
webpack
webpack-dev-server
2021-04-14 02:29:42
6个回答
像这样的东西对我有用。我猜这应该对你有用。
使用这个运行 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 个小时。解决问题只是为了发现我的服务在同一个端口上运行。
使用以下命令配置 webpack（在 webpack.config.js 中）：
devServer: {
// ...
host: '0.0.0.0',
port: 80,
// ...
}
我是 JavaScript 开发和 ReactJS 的新手。我无法找到适合我的答案，直到通过查看 react-scripts 代码找出答案。使用 ReactJS 15.4.1+ 和 react-scripts，您可以使用环境变量从自定义主机和/或端口开始：
HOST='0.0.0.0' PORT=8080 npm start
希望这对像我这样的新人有所帮助。
以下为我工作 -
1）在Package.json添加这个：
"scripts": {
"dev": "webpack-dev-server --progress --colors"
}
2）在webpack.config.js您导出的配置对象下添加：
devServer: {
host: "GACDTL001SS369k", // Your Computer Name
port: 8080
}
3）现在在终端类型上： npm run dev
4) 在#3 编译并准备好之后，只需转到您的浏览器并输入地址作为 http://GACDTL001SS369k:8080/
您的应用现在应该可以使用其他人可以在同一网络上访问的外部 URL。
PS：GACDTL001SS369k是我的计算机名称，所以请替换为您机器上的任何名称。