Invalid Host header 问题解决

最新推荐文章于 2024-07-29 17:18:01 发布
最新推荐文章于 2024-07-29 17:18:01 发布
阅读量1w 收藏 5
点赞数 3
分类专栏： Web前端 文章标签： InvalidHost 域名映射访问不了
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35713752/article/details/117662573
版权

出现该问的原因：

因为新版的 webpack-dev-server 出于安全考虑，默认检查 hostname，如果hostname不是配置内的就不能访问。

解决办法：设置跳过host检查

打开你的项目全局搜索 devServer ，在 devServer 里面添加 "disableHostCheck": true,

如下：

disableHostCheck 设置为 true 的意思就是设置跳过host检查。

如果对你有帮助，欢迎点赞 评论 收藏三连击，谢谢~

a_靖
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
uni-app - Invalid Host header （访问网页出现此报错信息，主机标头无效）详细解决方案
王佳斌
11-28 6021
uniapp Invalid Host header，Invalid Host header 问题解决，uniapp 报错Invalid Host header，Invalid Host header 服务器域名访问出现的问题，解决uni-app 用nginx反向代理出现Invalid Host header问题，uniapp 项目访问报错Invalid Host header，uniapp 项目中 报错Invalid Host header时该如何处理，uniapp 报错Invalid Host head
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
念兮为美
02-26 1万+
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误。Invalid Host header是一个常见的错误信息，通常发生在`Web`应用程序中。它表示HTTP请求中的Host header（主机头）与实际请求的主机不匹配，这可能是由于代理服务器或负载均衡器等网络设备引起的。通过检查你的应用程序配置并确保正确的主机名，你应该能够解决此问题。无论你采取哪种解决方案，请务必小心。确保你理解你所做的更改，并在测试之前备份所有配置文件和代码。
vue-cli配置域名访问报错：Invalid Host header（无效的主机头）
qq_40678503的博客
10-21 2182
在开发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 609
webpack-dev-server会校验域名，来防止DNS rebinding攻击。本地绑定host就会导致出现Invalid Host header 禁用即可 devServer: { disableHostCheck: false, },
Invalid Host header问题如何解决
最新发布
一个UI、前端爱好者。
07-29 514
错误通常发生在使用 Webpack 开发服务器或类似工具时，由于安全原因，它会对请求的主机头（Host 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...
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
尽管上述方法可以解决`Invalid Host header`错误，但禁用主机头检查也可能带来安全风险。这可能会使你的开发服务器暴露于潜在的跨站请求伪造（CSRF）攻击。因此，在生产环境中，你应该避免禁用这个检查，或者确保你...
解决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 Host header 问题
Harrytsz的博客
09-16 1371
在natapp域名指向本地服务器访问时,webpack项目提示Invalid Host header. 这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname 不是配置内的，将中断访问。可以在build目录中的webpack.dev.config.js中添加如下配置： //webpack.dev.config.js devServer: { disableHostCheck: true, } ...
【已解决】多种方式最新解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
编码世界
10-09 9万+
Invalid Host header这个报错在网上有很多文章介绍解决办法，但是很多都没有没有用，这里为兄弟们排下坑，**本文的解决方法已经验证没有问题，兄弟们可放心借鉴.**
Webpack "Invalid Host Header"
橙煦媛的博客
08-01 965
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 2179
修改vue.config.js的配置 devServer: { disableHostCheck: true, }
vue项目中报错“Invalid Host header”
我的米饭
03-31 634
转自：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 315
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 1805
使用 Nginx 的对项目做负载均衡时，代理的地址无法访问目标地址，且页面报错：Invalid Host header（无效主机头）
怎么解决Invalid Host header
09-03
如果按照以上步骤仍无法解决Invalid Host header问题，建议咨询服务器管理员或Web开发人员寻求更详细的帮助。 ### 回答3： Invalid Host header（无效的主机头）错误通常出现在使用反向代理或负载均衡器时。它表示...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

a_靖

对你有帮助吗？打赏鼓励一下？

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值