在内网穿透访问Vue项目的时候出现了Invalid Host header时的解决方案

内网穿透工具:

ngrok, 我用的是国内的sunny-ngrok. 使用非常简单, 根据官网操作就可以.

nvalid Host header

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

vue-cli3中:

// vue.config.js文件中

module.exports = {

devServer: {

disableHostCheck: true

}

}