本文解决Vue项目使用ngrok代理时遇到的InvalidHostHeader错误。介绍webpack出于安全考虑，默认检查hostName，若非配置内则阻止访问。提供解决方案：在vue.config.js的devServer中设置disableHostCheck为true，绕过检查。
vue项目使用ngrok代理时，访问网站出现Invalid Host header
主机头无效？因为webpack出于安全考虑，默认检查hostName，如果hostName不是配置内的就不能访问。如果想访问，直接跳过检查就行了。直接在vue.config.js中的devServer中加入。（本人是vue3+，如果是vue2的朋友应该是在config文件夹下的index.js中的dev中加入就行了）
disableHostCheck: true,//代理时直接跳过检查
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
