内网穿透访问Vue项目的时候出现Invalid Host header解决办法

适用场景:

在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑.

Mac内网穿透工具：natapp

Invalid Host header

当启动了natapp以后, 就这个用natapp提供的域名, 来访问本地的127.0.0.0:8080(端口自己设置), 如果Vue项目启动, 外网就可以通过域名来访问Vue项目. 但是如果出现 Invalid Host header, 需要设置一下

// vue.config.js文件中
module.exports = {
  devServer: {
    disableHostCheck: true
  }
}