webpack-dev-server出现ip访问被拒

问题描述：

1.webpack中使用webpack-dev-server启动整个项目，本地用localhost访问没有问题，改用ip访问被拒

未修改代码

var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var config = require('./webpack.config');
var path = require("path");

new WebpackDevServer(webpack(config), {
publicPath: config.output.publicPath,
hot: true,
historyApiFallback: true,
contentBase: "public/",
}).listen(5000, 'localhost', function (error) {
if (error) {
return console.log(error);
}
console.log('Server running at http://localhost:5000/');
});

问题解决

1.第一步将host的localhost改为ip，"0.0.0.0",后出现了"Invalid Host header"字样,至少有点希望了，不是出现被拒的情况

2.设置 webpack-dev-server 的配置项 disableHostCheck 为 true 以禁用这一检测，如果开发者使用了代理，或在开发环境中不 care 这些安全问题，该设置可以直接斩草除根。

附上代码

var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var config = require('./webpack.config');
var path = require("path");

new WebpackDevServer(webpack(config), {
    publicPath: config.output.publicPath,
    hot: true,
    historyApiFallback: true,
    contentBase: "public/",
    disableHostCheck:true
}).listen(5000, '0.0.0.0', function (error) {
        if (error) {
            return console.log(error);
        }
        console.log('Server running at http://localhost:5000/');
    });

参考链接：https://blog.csdn.net/salmonellavaccine/article/details/75332654