vue3.0 本地调试时Invalid Host header

问题场景：

vue在开发时只能在本地浏览器里查看效果，我想在手机端真机调试，连接的代码还是本地环境，这样就不用频繁的发布了，于是绑定域名并指向本机的localhost:8080；

但是用域名访问时浏览器输出确报错了；

Invalid Host header

原因：

webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。

解决方案

可以直接关闭检测：

在 vue.config.js 文件内增加

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