Node.js 如何使react应用程序在端口8080和0.0.0.0上运行?

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: {

我已经构建了一个react应用程序,它运行在localhost:8080上,现在我想将其更改为0.0.0:80,以使其公开访问,但不幸的是,我无法访问

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访问它还是只想让你访问它?你打算用它做什么?),并在评论中添加指向它的链接。