vue项目提示Invalid Host header 解决方法

最近在写vue的时候，想用我的测试域名（解析地址为127.0.0.1的一个域名）打开我的vue项目，vue却跑了
Invalid Host header 这个错误，这里写一下解决方法

• 原因
  这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname
  不是配置内的，则将中断访问

• 解决方法
  在vue.config.js 添加配置 disableHostCheck: true 这个配置，例如

module.exports = {
    devServer: {
        host: '0.0.0.0',
        port: 80,
        disableHostCheck: true
    }
}

参考网址: https://juejin.cn/post/6844903667003310087