真机调试之Invalid Host header

最新推荐文章于 2024-06-26 10:28:45 发布
最新推荐文章于 2024-06-26 10:28:45 发布
阅读量320 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/StoneVivi/article/details/104980060
版权

真机调试之Invalid Host header

最近接手联调商户app，需要真机调试，好不容易项目启动成功，还没来得及开心，又遇到一个问题，连本地后访问页面发现页面提示Invalid Host Header。如下图：
在这里插入图片描述
项目是vue 3.0搭建的，在vue.config.js文件中的derServe里添加：disableHostCheck: true
这是由于新版webpack-dev-server处于安全考虑，默认检查hostname，如果hostname不是配置内就不能访问。这里采用关闭host检查。

如果项目是vue2.0搭建的话，配置见如下：
在这里插入图片描述

StoneVivi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-cli配置域名访问报错：Invalid Host header（无效的主机头）
qq_40678503的博客
10-21 2153
在开发vue-cli脚手架项目的时候，配置了host : 127.0.0.1 dev.com 想通过dev.com:8080去访问项目，dev.com这个域名后端已经配置好了跨域 但是访问的时候会报Invalid Host header（无效的主机头）错误 上解决方法： 要修改webpack的配置，在项目的根目录下增加vue.config.js 文件 module.exports = { productionSourceMap: false, devServer: { historyApi
Invalid Host header
胡聊前端的博客
03-04 588
webpack-dev-server会校验域名，来防止DNS rebinding攻击。本地绑定host就会导致出现Invalid Host header 禁用即可 devServer: { disableHostCheck: false, },
网页打开白屏出现Invalid Host header什么意思，如何解决
最新发布
weixin_69903461的博客
06-26 196
"Invalid Host header" 这个错误通常出现在开发环境中，尤其是当你使用像 `webpack-dev-server` 这样的开发服务器时。这个错误意味着你试图访问的Web应用正在尝试加载，但服务器接收到的主机头部（Host header）不符合它的预期或配置。在`webpack.config.js`或项目配置中，找到`devServer`部分，并添加`disableHostCheck: true`选项，以禁用主机头检查。工具可能会有严格的主机头检查机制，以防止跨域安全问题或其他恶意请求。
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
在开发Vue.js应用程序时，你可能会遇到一个名为`Invalid Host header`的错误，尤其是在使用@Vue/Cli 3工具链时。这个错误通常出现在你尝试在非标准的或自定义的HTTP主机头环境下运行Vue CLI的开发服务器时。在本文中...
解决vue项目中出现Invalid Host header的问题
01-18
在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true devServer: { disableHostCheck: true, } vue-cli版本3.0的情况下修改vue.config.js的配置 ...
解决invalid LOC header (bad signature)问题
11-27
invalid LOC header (bad signature)问题解决，快速查找与删除有问题的jar包
OAuth2获取token报错invalid stream header
12-14
记一次异常解决：OAuth2获取token报错invalid stream header 在整合springcloud gateway、eureka、security、OAuth2的时候，采用授权码模式，用授权码去访问/oauth/token获取token时，遇到invalid stream header异常...
Invalid Host header 服务器域名访问出现的问题
热门推荐
Cooky的博客
01-08 14万+
vue-cli搭建的环境，用nginx做代理服务器，访问时显示：Invalid Host header 经查是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。这样有2中方法，一种是设置跳过host检查，一种是直接host设置成你的地址。 1、关闭host检查 可以在build目录下的webpack.dev.co...
Webpack "Invalid Host Header"
橙煦媛的博客
08-01 959
error信息问题原因新版webpack-dev-server修改了一些东西，默认检查hostname。如果hostname不是配置内的，将不可访问。webpack-dev-server 更新的2.4.3 和 1.16.4 版本，除了常规的 BugFixes 和 Features，还特别注明了一项 Security Fix，并指出这很可能是一个 Breaking Change，但因为并没有涉及到架构
vue项目中的“Invalid Host header”
彭世瑜的博客
01-06 2178
修改vue.config.js的配置 devServer: { disableHostCheck: true, }
Invalid Host header 问题解决
a_靖的博客
06-07 1万+
解决办法，打开你的项目全局搜索devServer ，在 如下：
vue项目中报错“Invalid Host header”
我的米饭
03-31 627
转自：https://www.xuanmo.xin/details/2869 更改本机的HOST文件后，访问解析后的本地域名时报错 “Invalid Host header”， 解决方法：在vue-cli版本为2.x的情况下修改 webpack.dev.conf.js 中的 devServer 对象加入 disableHostCheck: true 即可转发成功 devServer: { disableHostCheck: true, } ...
vue项目中配置了二级域名启动报“Invalid Host header”
forteenBrother的博客
07-14 311
vue项目中配置了二级域名启动报“Invalid Host header”解决 因为后台配置了访问权限，在本地开发的时候用二级域名代理localhost访问请求，打开之后报Invalid Host header 解决 修改webpack.dev.conf.js，在devServer对中加入disableHostCheck: true,属性 然后重新启动就ok了 参考链接：https://blog.csdn.net/xr510002594/article/details/100007908 ...
Nginx 代理Vue项目出现Invalid Host header
天河有尽后为涯，星海无边前作岸。
07-10 1793
使用 Nginx 的对项目做负载均衡时，代理的地址无法访问目标地址，且页面报错：Invalid Host header（无效主机头）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值