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

出现Invalid Host header解决办法
内网穿透
适用场景:
在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑.
内网穿透工具:
这个有很多, 比如花生壳, Frp, ngrok, 我用的是国内的sunny-ngrok. 使用非常简单, 根据官网操作就可以.
Invalid 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
}
}

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
linux
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论