问题场景: vue在开发时只能在本地浏览器里查看效果,我想在手机端真机调试,连接的代码还是本地环境,这样就不用频繁的发布了,于是绑定域名并指向本机的localhost:8080: 但是用域名访问时浏览器输出确报错了: Invalid Host header 原因: webpack-dev-server增加了安全验证,默认检查hostname,如果hostname不是配置内的,将中断访问. 解决方案 可以直接关闭检测: 在 vue.config.js 文件内增加 module.exports =…

0.设置自己的host文件,将127.0.0.1指向自己想要访问的域名 127.0.0.1 www.yours.com 1.MAC设置应用在127.0.0.1:80端口访问: config/index.js目录下修改host和port 然后sudo运行npm run dev:(mac的80端口是被自身分享应用占用的,使用的话需要root权限) sudo npm run dev 运行完后,在127.0.0.1:80下能访问应用了.但是,在www.yours.com下,页面上会出现"Invalid…

转自博客:https://www.cnblogs.com/cynthia-wuqian/p/8575401.html 1.MAC设置应用在127.0.0.1:80端口访问: config/index.js目录下修改host和port 然后sudo运行npm run dev:(mac的80端口是被自身分享应用占用的,使用的话需要root权限) sudo npm run dev 运行完后,在127.0.0.1:80下能访问应用了.但是,在www.yours.com下,页面上会出现"Invalid H…

来源:https://blog.csdn.net/Cookysurongbin/article/details/86077241 vue-cli搭建的环境,用nginx做代理服务器,访问时显示:Invalid Host header 经查是因为新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的就不能访问.这样有2中方法,一种是设置跳过host检查,一种是直接host设置成你的地址. 1.关闭host检查 可以在build目录下的we…

natapp 网址:https://natapp.cn/       用户名:137 **** ****   密码:26**_X** natapp 配置: 出现如下错误:Invalid Host header…

最近在做一个微信公众号项目,用微信开发工具调试本地项目,需要做一下内网穿透,代理都配置好了,页面出现这个Invalid Host header错误,内网穿透工具我是用的frps做的,最后通过google找到方法,在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功 devServer: { disableHostCheck: true, } vue-cli版本3.0的情况下修改vue.…

问题出现背景 做微信H5网页时,使用花生壳内网穿透进行调试时,打开网页显示:invalid host header 分析问题 这句话的意思是:无效的Host请求头: 因为在vue在调试时相当于启动了一个服务器以供我们访问(当我们build后,就可以放在我们自己的nginx等服务器) 测试环境下的webpack有一个host检查功能:webpack的devServer中 如果不配置host就无法访问,解决办法有好几种,可以去设置host,比如: 第一种解决方案 设置允许访问的域名 module.e…

Invalid Host header 在本地开发等一般情况下,无论是 local,还是 ip,或者是 0.0.0.0,在 cli 中都默认为合法的,但是有些场景可能会被不支持,比如远程开发,或者是云端开发. 比如 Cloud Studio 开发时候就给的地址比较奇葩:https://aioaku-[port]-llcggl.dev.ide.live/#/,那么就会被报 Invalid Host header 问题. @Vue/Cli 3 链式处理 vue.config.js config.de…

由于要近期开发微信小程序,所以今天了解了一下这个netapp 内网映射这个东西,所以一开始自己就在网上看,然后想把环境部署起来,参考https://natapp.cn/ ,看了一分钟教程以后,然后自己也部署好了环境,但是本地服务跑的起来,但是 ,不能通过服务器的域名来访问,直接是显示 Invalid Host header 通过服务器域名访问时是显示Invalid Host header,这是由于新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostnam…

之前解决过一次,后来给忘记了,今天又遇到这个问题,现记录一下 修改uni-app的manifest.json文件  - >源码视图 添加以下代码: "disableHostCheck" : true //解决127.0.0.1指向其他域名时出现"Invalid Host header"问题 VUE项目遇到此问题也类似解决方案(因为uni-app :一款基于vue的跨平台前端框架) VUE工程解决方案参考:https://blog.csdn.net/Cookys…