昨天搭好ngrok内网穿透服务，今天就迫不及待的把它用到现在手上正在做的vue项目中，但是页面并没有成功的展示出来，而是出现Invalid Host header
image.png
然后查询了一下原因，说是新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。
解决方法：
在vue.config.js文件中进行如下修改，这个文件默认是没有的，如果没有自己在根目录下新建一个就好了。
image.png
module.exports = {
devServer: {
disableHostCheck: true
}
}
然后重新启动就正常显示了。
