出现Invalid Host header的解决办法

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

使用ngrok内网穿透访问Vue项目
使用ngrok内网穿透只返回304，invalid host header
原因：新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。
我遇到这个问题后，在网上找到了好几个方法，但是解决我的问题的只有下面这个：
解决：webpack.dev.conf.js添加配置 disableHostCheck: true,
在这里插入图片描述
如果还有其他解决的办法欢迎补充~~~~啦啦啦

sfz1234567890
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-cli配置域名访问报错：Invalid Host header（无效的主机头）
qq_40678503的博客
10-21 2170
在开发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 600
webpack-dev-server会校验域名，来防止DNS rebinding攻击。本地绑定host就会导致出现Invalid Host header 禁用即可 devServer: { disableHostCheck: false, },
网页打开白屏出现Invalid Host header什么意思，如何解决
最新发布
weixin_69903461的博客
06-26 219
"Invalid Host header" 这个错误通常出现在开发环境中，尤其是当你使用像 `webpack-dev-server` 这样的开发服务器时。这个错误意味着你试图访问的Web应用正在尝试加载，但服务器接收到的主机头部（Host header）不符合它的预期或配置。在`webpack.config.js`或项目配置中，找到`devServer`部分，并添加`disableHostCheck: true`选项，以禁用主机头检查。工具可能会有严格的主机头检查机制，以防止跨域安全问题或其他恶意请求。
解决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的配置 ...
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
尽管上述方法可以解决`Invalid Host header`错误，但禁用主机头检查也可能带来安全风险。这可能会使你的开发服务器暴露于潜在的跨站请求伪造（CSRF）攻击。因此，在生产环境中，你应该避免禁用这个检查，或者确保你...
完美解决通过IP地址访问VUE项目的问题
10-15
本文将详细介绍如何完美解决通过IP地址访问Vue项目的问题。 首先，我们需要对Vue项目的配置文件进行更改。在Vue项目中，配置文件通常是`config/index.js`。在这里，我们将`host`设置为`0.0.0.0`，这使得服务器监听...
vue 本地服务不能被外部IP访问的完美解决方法
12-09
解决 webpack-dev-serveri 启动后通过外部访问报错 invalid host header 修改 config/index.js 的 host 属性为 ‘0.0.0.0′ { // ..., host: '0.0.0.0', port: 8080, // ... } 修改 build/webpack.dev.conf.js 的 ...
Webpack "Invalid Host Header"
橙煦媛的博客
08-01 962
error信息问题原因新版webpack-dev-server修改了一些东西，默认检查hostname。如果hostname不是配置内的，将不可访问。webpack-dev-server 更新的2.4.3 和 1.16.4 版本，除了常规的 BugFixes 和 Features，还特别注明了一项 Security Fix，并指出这很可能是一个 Breaking Change，但因为并没有涉及到架构
Invalid Host header 服务器域名访问出现的问题
01-29 1321
近期学习vue 用脚手架 本地跑的好好地，当通过nginx反向代理的时候报"Invalid Host header": Invalid Host header   通过服务器域名访问时是显示Invalid Host header，这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。可以在build目录中的we...
vue项目中的“Invalid Host header”
彭世瑜的博客
01-06 2179
修改vue.config.js的配置 devServer: { disableHostCheck: true, }
Invalid Host header 问题解决
热门推荐
a_靖的博客
06-07 1万+
解决办法，打开你的项目全局搜索devServer ，在 如下：
vue项目中报错“Invalid Host header”
我的米饭
03-31 633
转自：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 314
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 1800
使用 Nginx 的对项目做负载均衡时，代理的地址无法访问目标地址，且页面报错：Invalid Host header（无效主机头）
natapp出现Invalid Host header
09-01
通过以上的配置，你应该能够成功解决natapp出现"Invalid Host header"的问题。请注意根据你使用的具体版本和工具进行相应的配置。<span class="em">1</span><span class="em">2</span><span class="em">3 #### 引用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值