昨天搭好ngrok内网穿透服务，今天就迫不及待的把它用到现在手上正在做的vue项目中，但是页面并没有成功的展示出来，而是出现Invalid Host header

image.png

然后查询了一下原因，说是新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。

解决方法：

在vue.config.js文件中进行如下修改，这个文件默认是没有的，如果没有自己在根目录下新建一个就好了。

image.png

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

然后重新启动就正常显示了。