问题操作

进入/etc文件夹，修改hosts文件，添加

127.0.0.1	www.szlsay.com

打开浏览器，打开 www.szlsay.com:8080，界面显示Invalid Host header

问题原因

新版webpack-dev-server出于安全考虑，默认检查hostname，若是hostname 没有配置在内的，将中断访问。

解决方法

在vue.config.js中配置下面，配置完成重启工程

module.exports = {
  devServer: {
    disableHostCheck: true
  }
}