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

924 阅读1分钟

最近在做一个微信公众号项目,用微信开发工具调试本地项目,需要做一下内网穿透,代理都配置好了,页面出现这个Invalid Host header错误,内网穿透工具我是用的frps做的,几经查找找到方法

在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功

devServer: {
  disableHostCheck: true,
}
JavaScript
vue-cli版本3.0的情况下修改vue.config.js的配置

module.exports = {
  devServer: {
    disableHostCheck: true
  }
}
结束语:关注我,少走弯路!

image.png