webpack解决Invalid Host header

最新推荐文章于 2023-10-31 12:38:42 发布
最新推荐文章于 2023-10-31 12:38:42 发布
阅读量894 收藏
点赞数 1
分类专栏： 前端 # Vue # WebPack 文章标签： webpack Invalid Host header 小道仙
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tomwildboar/article/details/83444138
版权
Vue 同时被 3 个专栏收录
33 篇文章 1 订阅
订阅专栏
前端
24 篇文章 1 订阅
订阅专栏
WebPack
17 篇文章 0 订阅
订阅专栏

目的：webpack解决Invalid Host header

1、解决办法

网上说有两种，一直是加上一个  disableHostCheck: true,  （我找了半天，没找到在哪里去加上这句，而且说是不安全）

本来我的 package.json 是这样写的

 改成

我是用这个主要是做QQ互联，有兴趣可以看看这个 ：https://blog.csdn.net/Tomwildboar/article/details/83444231

 

小道仙97
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
念兮为美
02-26 1万+
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误。Invalid Host header是一个常见的错误信息，通常发生在`Web`应用程序中。它表示HTTP请求中的Host header（主机头）与实际请求的主机不匹配，这可能是由于代理服务器或负载均衡器等网络设备引起的。通过检查你的应用程序配置并确保正确的主机名，你应该能够解决此问题。无论你采取哪种解决方案，请务必小心。确保你理解你所做的更改，并在测试之前备份所有配置文件和代码。
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
我的host设置 报错如下： 解决办法： @Vue/Cli 3 在vue.config.js里加上 .disableHostCheck(true) vue-cli 在webpack.dev.conf.js里加上 devServer: { disableHostCheck: true } 最后
【已解决】多种方式最新解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
热门推荐
编码世界
10-09 8万+
Invalid Host header这个报错在网上有很多文章介绍解决办法，但是很多都没有没有用，这里为兄弟们排下坑，**本文的解决方法已经验证没有问题，兄弟们可放心借鉴.**
Invalid Host header 服务器域名访问出现的问题
weixin_51225684的博客
02-27 1576
经查是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。这样有2中方法，一种是设置跳过host检查，一种是直接host设置成你的地址。同样的原理，可以在package.json文件修改scripts命令:webpack-dev-server --disableHostCheck=true。package.json的script语句: webpack-dev-server --host=或者--public=
解决webpack “Invalid Host header“问题
baidu_33614459的博客
04-23 3738
1、在用webpack打包好项目之后，用localhost:8888和127.0.0.1:8888都可以打开（我设置的端口号是8888，可以自己调整）；2、使用域名就出现问题了出现问题原因：这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。解决方法：可以在build目录中的webpack.base.config....
webpack项目提示Invalid Host header
叶琼州的代码小窝
11-13 1万+
由于实验室开组会时项目都是通过局域网访问来演示的，这个项目是采用Django+Vue.js前后端分离的方式来做的，然而发现只能在本地访问，不能通过局域网ip和服务器域名来访问。
解决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的配置 module.exports = { ...
webpack开发跨域问题解决办法
08-29
本篇文章主要介绍了webpack开发跨域问题解决办法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决webpack打包速度慢的解决办法汇总
12-02
刚开始用webpack，谈一谈解决webpack打包慢的问题的方法 技巧1 webpack在打包的时候第一次总是会做很长的准备工作，包括加载插件之类的。在刚接触webpack的时候总是webpack一下-测一下-改一下-再webpack一下，这种...
Webpack "Invalid Host Header"
canglingyue的专栏
02-02 1018
webpack-dev-server 在更新后启动项目报”Invalid Host Header” 错误。 是由于webpack更新主要是新增了对 host header 的正确性检测，以屏蔽未经授权的访问。开发者需要在执行 webpack-dev-server 命令时手动添加 –public 选项，取值为授权的 host，否则就回出现问题 解决方案 官方提供了两个解决方案： 执行
webpack打包时提示Invalid configuration object. Webpack has been initialised using a configuration objet错误
编程教培一线讲师
04-24 1万+
一般在打包文件或者在生产环境基本配置的时候老是报错不知道什么原因，可能是以下问题（我报错经常的几个原因） 一、关键字没有写对，比如【module写成modules】后者【resolve写成resolver】或者【plugins写成Plugins】等等 二、某个图片或者文件路径写错了，文件名写错了 三、某个文件引入了未调用 四、你写的webpack语法过时了，无法显示 五、没有安装一些基础的插件，这个你可以查看这几个博文 一 二 三 学完gulp会发现webpack简单一点 总之：不要慌，先检查一下自己经常.
解决 Webpack "Invalid Host Header"
SalmonellaVaccine的专栏
07-19 1万+
https://tonghuashuo.github.io/blog/webpack-dev-server-invalid-host-header.html 一直以来都在用 Webpack 打包代码，配合 webpack-devserver 作 Hot Module Replacement 感觉棒棒哒，可以专心于程序逻辑，不用被无关紧要的琐事打扰。直到刚才…… 突如其来
内网穿透报错 Invalid Host header
最新发布
前端程序员、项目经理、人工智能博主
10-31 2741
指向本地服务器访问时,webpack项目页面提示InvalidHostheader.(无效的主机标头)查看文档了解到需将disableHostChecktrue,替换为。在webpack5中disableHostCheck应该被遗弃了。需要分两种情况解决,webpack4.0以下和webpack5.0。webpack4.0以下配置。webpack5.0配置。...
webpack一直报Invalid Host header
jinglier520的专栏
02-21 283
方法一： 在package.json的dev/start命令中加入--disable-host-check 方法二： webpack.config.js中devServer对象中增加disableHostCheck: true
Angular：Invalid Host/Origin header问题解决方案
灿灿大王搭建的黄金屋
08-19 4825
最近在Chrome浏览器调试的时候遇到一个问题，浏览器的控制台一直报错 Invalid Host/Origin header，在百度上看到也有人遇到过这个问题，参考链接：https://blog.csdn.net/u013243347/article/details/85223016 作者给出的解释是这是webpack本身出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在...
运行webpack 报Invalid Host header！
DipForLL的博客
11-24 2401
Package.json 属性说明 name - 包名。 version - 包的版本号。 description - 包的描述。 homepage - 包的官网 url 。 author - 包的作者姓名。 contributors - 包的其他贡献者姓名。 dependencies - 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module 目录下。 reposit
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、付费专栏及课程。

余额充值