Invalid Host header 服务器域名访问出现的问题

最新推荐文章于 2025-04-02 20:55:51 发布
转载 最新推荐文章于 2025-04-02 20:55:51 发布 · 2.8w 阅读 · 10
文章标签：

#vue #netapp 内网映射 #webpack

本文介绍如何解决使用webpack-dev-server时遇到的通过服务器域名访问显示InvalidHostheader的问题，并提供具体的配置修改方法。
由于要近期开发微信小程序，所以今天了解了一下这个netapp 内网映射这个东西，所以一开始自己就在网上看，然后想把环境部署起来，参考https://natapp.cn/ ，看了一分钟教程以后，然后自己也部署好了环境，但是本地服务跑的起来，但是 ，不能通过服务器的域名来访问，直接是显示

Invalid Host header

通过服务器域名访问时是显示Invalid Host header，这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。可以在build目录中的webpack.base.config.js中添加如下webpack-dev-server配置：devServer: { disableHostCheck: true, },

参考博客https://blog.youkuaiyun.com/bodhiye/article/details/78523333



全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
念兮为美
02-26 1万+
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误。Invalid Host header是一个常见的错误信息，通常发生在`Web`应用程序中。它表示HTTP请求中的Host header（主机头）与实际请求的主机不匹配，这可能是由于代理服务器或负载均衡器等网络设备引起的。通过检查你的应用程序配置并确保正确的主机名，你应该能够解决此问题。无论你采取哪种解决方案，请务必小心。确保你理解你所做的更改，并在测试之前备份所有配置文件和代码。
记录:解决Invalid Host header 服务器域名无法访问问题【亲测有效】
**My Coding Family**
12-09 5330
记录:解决Invalid Host header 服务器域名无法访问问题【亲测有效】
vue-cli配置域名访问报错：Invalid Host header（无效的主机头）
qq_40678503的博客
10-21 2502
在开发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
解决 Vue 项目 invalid host header 问题（两种方案）
热门推荐
无聊猿的博客
03-14 4万+
问题出现背景 做微信H5网页时，使用花生壳内网穿透进行调试时，打开网页显示：invalid host header 分析问题 这句话的意思是：无效的Host请求头； 因为在vue在调试时相当于启动了一个服务器以供我们访问（当我们build后，就可以放在我们自己的nginx等服务器） 测试环境下的webpack有一个host检查功能：webpack的devServer中 如果不配置host就无法访问，解决办法有好几种，可以去设置host，比如： 第一种解决方案 设置允许访问的域名 module.exports
Invalid Host header
zcbyzcb的专栏
11-23 1650
在前端做nginx代理时候，会报错：Invalid Host header 解决办法： 在webpack-config*.js里边增加 disableHostCheck: true, 如下所示： devServer: { contentBase: path.join(__dirname, "dist"), // disableHostCheck: true,
uni-app - Invalid Host header （访问网页出现此报错信息，主机标头无效）详细解决方案
🏆 前端领域优质创作者
11-28 7015
uniappInvalidHostheader，InvalidHostheader问题解决，uniapp报错InvalidHostheader，InvalidHostheader服务器域名访问出现的问题，解决uni-app用nginx反向代理出现InvalidHostheader问题，uniapp项目访问报错InvalidHostheader，uniapp项目中报错InvalidHostheader时该如何处理，uniapp报错InvalidHosthead
Uniapp 持续出现 Invalid Host/Origin header 解决方法
最新发布
码农研究僧的博客
04-02 523
出现这个问题通常是因为 Webpack Dev Server (WDS) 的 host 校验 导致的，可能的原因包括如下
natapp出现Invalid Host header
09-01
这样，当你访问natapp的随机域名时，就不会再出现"Invalid Host header"的问题了。 而在vue-cli版本为2.x的情况下，你可以修改项目目录中的webpack.dev.conf.js文件，在devServer对象中加入disableHostCheck: true...
Webpack "Invalid Host Header"
橙煦媛的博客
08-01 1065
error信息问题原因新版webpack-dev-server修改了一些东西，默认检查hostname。如果hostname不是配置内的，将不可访问。webpack-dev-server 更新的2.4.3 和 1.16.4 版本，除了常规的 BugFixes 和 Features，还特别注明了一项 Security Fix，并指出这很可能是一个 Breaking Change，但因为并没有涉及到架构
Invalid Host header解决方案
xuelang532777032的博客
08-03 1618
bug重现： 其实也不是bug 是vue的安全机制 内网穿透后，外网访问时提示的。 vue.config.js 文件下 devServer加入disableHostCheck: true,就可以了 devServer: { disableHostCheck: true, //正式环境要注释掉 } ...
vue项目中的“Invalid Host header”
彭世瑜的博客
01-06 2246
修改vue.config.js的配置 devServer: { disableHostCheck: true, }
Invalid Host header 问题解决
a_靖的博客
06-07 1万+
解决办法，打开你的项目全局搜索devServer ，在 如下：
记 内网穿透出现“Invalid Host header”
romsen3410的博客
08-02 514
最近用Vue做了一个项目。用内网穿透给别人看，代理都配置好了，页面出现这个Invalid Host header错误 解决办法： 在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功 devServer: { disableHostCheck: true, } vue-cli版本3.0的情况下修改vue.config.js的配置 module.exports = { devServer:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值