Node.js 如何使react应用程序在端口8080和0.0.0.0上运行?
我已经构建了一个react应用程序,它运行在localhost:8080上,现在我想将其更改为0.0.0:80,以使其公开访问,但不幸的是,我无法访问Node.js 如何使react应用程序在端口8080和0.0.0.0上运行?,node.js,reactjs,webpack,webpack-dev-server,package.json,Node.js,Reactjs,Webpack,Webpack Dev Server,Package.json,我已经构建了一个react应用程序,它运行在localhost:8080上,现在我想将其更改为0.0.0:80,以使其公开访问,但不幸的是,我无法访问 Webpack file: var config = { entry: [ './main.js' ], output: { path:'D:\\reactApps\\RouterExample', filename: 'index.js', }, devServer: {
Webpack file:
var config = {
entry: [
'./main.js'
],
output: {
path:'D:\\reactApps\\RouterExample',
filename: 'index.js',
},
devServer: {
inline: true,
host: '0.0.0.0',
port: 80,
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react']
}
},{
test: /\.css$/,
exclude: /node_modules/,
loader: 'style-loader'
}, {
test: /\.css$/,
exclude: /node_modules/,
loader: 'css-loader',
query: {
modules: true,
localIdentName: '[name]__[local]___[hash:base64:5]'
}
}
]
}
}
module.exports = config;
package.json file:
{
"name": "routerexample",
"version": "1.0.0",
"description": "new app",
"main": "index.js",
"dependencies": {
"axios": "^0.16.2",
"babel-core": "^6.25.0",
"babel-loader": "^7.1.1",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"css-loader": "^0.28.4",
"react": "^15.6.1",
"react-autocomplete": "^1.7.1",
"react-bootstrap": "^0.31.1",
"react-bootstrap-alert": "^1.0.7",
"react-bootstrap-dialog": "^0.9.1",
"react-bootstrap-typeahead": "^2.0.0-alpha.3",
"react-dom": "^15.6.1",
"react-number-format": "^3.0.2",
"react-router": "^4.1.2",
"react-router-dom": "^4.1.2",
"style-loader": "^0.18.2",
"underscore": "^1.8.3",
"webpack": "^3.3.0",
"webpack-dev-server": "^2.5.1"
},
"scripts": {
"start": "webpack-dev-server --hot --history-api-fallback"
},
"author": "",
"license": "ISC"
}
编辑-1:
我想将我的应用程序配置为可以通过url访问,例如(xyz.com),而不是通过localhost访问,如何实现
提前感谢您的建议。尝试访问
0.0.0.0不是合法地址。这只是意味着,无论机器分配了什么地址。尝试转到
0.0.0.0不是合法地址。这只是意味着,不管机器分配了什么地址。你使用的是nodejs吗?是的,当然。你使用的是nodejs吗?是的,当然。@ManikantaB——一旦你看到这个窍门,很多事情都很简单。你知道我们可以将访问url从localhost更改为xyz.com吗?@ManikantaB——我知道,但这是另一个问题。写下来,描述你的整个情况(你使用的是什么操作系统?你希望每个人都能从xyz.com访问它还是只想让你访问它?你打算用它做什么?),在评论中放一个链接。@ManikantaB——一旦你看到这个技巧,很多事情都很简单。你知道我们可以将访问url从localhost更改为xyz.com吗???@ManikantaB——我知道,但这是另一个问题。写下来,描述你的整个情况(你使用的是什么操作系统?你希望每个人都能从xyz.com访问它还是只想让你访问它?你打算用它做什么?),并在评论中添加指向它的链接。