解决vue项目中的“Invalid Host header”

最近在做H5微信项目，调试项目，做了内网穿透，代理都配置好，直接微信打开网页，页面出现这个 Invalid Host header 错误，内网穿透工具用的闪库，直接搜索，发现已经有人找到方案：

vue-cli版本为2.x的情况下：

修改 webpack.dev.conf.js 中的 devServer 对象加入 disableHostCheck: true 即可转发成功

devServer: {
  disableHostCheck: true,
}

vue-cli版本3.0的情况下：

修改 vue.config.js 的配置

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

引入：https://www.xuanmo.xin/details/2869

另一种解决方案

package.json 中 的 script 中的 dev 添加 --disableHostCheck=true 

"dev": "webpack-dev-server --disableHostCheck=true --inline --progress --config build/webpack.dev.conf.js"