webpack npm run dev 编译通过弹出的页面显示该网页无法正常运作

在笔记本上运行webpack项目，一切正常，今天换了台式机有的正常运行，有的在浏览器无法显示，浏览器显示如下图所示。

image.png

1.编译没有任何问题，在笔记本或其他有的电脑正常运行，考虑可能本机不支持localhost的访问，换成127.0.0.1试试，果断成功。

2.修改默认访问：Listing at http://locathost:8080

在build文件-->dev-server.js中

var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory)
app.use(staticPath, express.static('./static'))

var uri = 'http://127.0.0.1:' + port

devMiddleware.waitUntilValid(function () {
  console.log('> Listening at ' + uri + '\n')
})

module.exports = app.listen(port, function (err) {
  if (err) {
    console.log(err)
    return
  }

里面的 var uri 中的localhost换为127.0.0.1保存从新编译，成功