Nginx代理Vue项目出现Invalid Host header

nginx反向代理默认行为 Nginx在做反向代理时，一般会设置host和ip，如果你的请求的headers里有值，它是可以同时转发过去的 Nginx反向代理时headers无效的问题 有的时候我们会发现反向代理时有的header获取不到 , 原因是 : 默认情况下，并不是所有headers的fields它都会转发，fields里带有下划线(_)的，Nginx视为不合法，自动抛弃不发了。例...

解决方式就是在前端项目处理热部署的配置文件里加上 disableHostCheck: true，且必须和proxy同级别才能生效

在vue.config.js中，修改配置:disableHostCheck: true, module.exports = { devServer: { open: true, host:"batman.com", port: 27202, https: false, disableHostCheck: true, ... }, ... }

1.uniapp解决方案 修改uni-app的manifest.json文件 - 》源码视图 2.vue项目 参考Invalid Host header 服务器域名访问出现的问题

nginx配置好启动后，访问配置的地址时，出现Invalid Host header问题，网上搜索了很多，基本都是在vue.config.js或者webpack.dev.conf.js的devServer中添加disableHostCheck:true；但是设置了会出现问题，导致项目报错或者无法部署。

这个主要是自己遇到很多次了，每次都去网上查改哪里，这次记到自己这里吧,以后把遇到的vue工具的一些问题都整理到这里 在vue中开发的项目有时候需要到手机上看效果，但是你配好本地端口之后，会出现访问内容 Invalid Host header 这时候需要在 webpack-dev.config.js中添加上这个 在 devServer中添加代码 disableHostCheck: ...

在webpack.config.js 中设置： devServer: { host: '127.0.0.1' disableHostCheck: true } 参考 https://www.v2ex.com/t/519971

近期学习vue 用脚手架 本地跑的好好地，当通过nginx反向代理的时候报"Invalid Host header": Invalid Host header   通过服务器域名访问时是显示Invalid Host header，这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。可以在build目录中的we...

Invalid Host header这个报错在网上有很多文章介绍解决办法，但是很多都没有没有用，这里为兄弟们排下坑，**本文的解决方法已经验证没有问题，兄弟们可放心借鉴.**