本文解决了一个常见的技术问题，即在使用Vue.js结合Nginx进行反向代理时遇到的InvalidHostheader错误。此错误源于webpack-dev-server的安全设置，当服务器域名与配置中的hostname不匹配时触发。文章提供了修改webpack.base.config.js文件中devServer配置的具体步骤，以禁用hostname检查，从而避免访问中断。
近期学习vue 用脚手架 本地跑的好好地，当通过nginx反向代理的时候报"Invalid Host header":
Invalid Host header
通过服务器域名访问时是显示Invalid Host header，这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。可以在build目录中的webpack.base.config.js中添加如下webpack-dev-server配置：devServer: { disableHostCheck: true, },
参考博客https://blog.csdn.net/bodhiye/article/details/78523333
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
