Invalid Host/Origin header[WDS] Disconnected! IE

最新推荐文章于 2023-02-15 11:33:30 发布
最新推荐文章于 2023-02-15 11:33:30 发布
阅读量647 收藏
点赞数
文章标签： javascript webpack ViewUI
原文链接：https://my.oschina.net/u/4075942/blog/3077933
版权

在IE上运行vue项目突然报错：ie错误，而且是ie11和10报错，ie9却没有问题；

vue2相关依赖是package.json一番搜索，也没有解决，都说是webpack热更新问题，而我确实在安装babel-polyfill用于使ie9支持promise之后才发生的，最后发现 import的时候 babel-polyfill 和vue的顺序错了，划重点：

在main.js中 import Vue from 'vue'    要保证始终在最上面一行

转载于:https://my.oschina.net/u/4075942/blog/3077933

chuijian2218
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决Invalid Host/Origin header，[WDS] Disconnected!报错
Debug的博客
03-21 2079
第一步：第二步：第三步：重新启动dev即可
解决invalid LOC header (bad signature)问题
11-27
invalid LOC header (bad signature)问题解决，快速查找与删除有问题的jar包
解决vue2.*开发环境下报错Invalid Host/Origin header，[WDS] Disconnected!
lifachang的博客
11-22 2493
vue2.*在dev环境下，打开链接后控制台一直刷报错如下图： 解决办法： 第一步：修改根目录下/config/index.js文件内的host值为’127.0.0.1’ 第二步：修改根目录下/build/webpack.dev.conf.js文件内的devServer，在devServer下增加一行：disableHostCheck: true, 第三步：重新启动dev 以下是我修改成功后的代...
IE下报 webpack `Invalid Host/Origin header` 的问题
master_JP的博客
07-26 1101
本次产生原因： IE某些版本不支持axios //为解决IE 不支持axios import Promise from 'es6-promise'; Promise.polyfill(); 引入es6-promise后，IE就出现如下错误： 原因： 应该是webpack出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在我们的开发环境下，可以禁用掉...
[vue3]Invalid Host/Origin header [WDS] Disconnected!
weixin_33875564的博客
01-09 286
2019独角兽企业重金招聘Python工程师标准>>> ...
angular-IE11 报错Invalid Host/Origin header 解决方案
前端的路上
02-28 445
找到disableHostCheck 默认的是false 改为true
详解@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 } 最后
解决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的配置 ...
ORA-01017: invalid username/password; logon denied Oracle数据库报错解决方案一-附件资源
03-02
ORA-01017: invalid username/password; logon denied Oracle数据库报错解决方案一-附件资源
Angular：Invalid Host/Origin header问题解决方案
灿灿大王搭建的黄金屋
08-19 4869
最近在Chrome浏览器调试的时候遇到一个问题，浏览器的控制台一直报错 Invalid Host/Origin header，在百度上看到也有人遇到过这个问题，参考链接：https://blog.csdn.net/u013243347/article/details/85223016 作者给出的解释是这是webpack本身出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在...
[WDS] Disconnected解决方法
yan的秘密基地
03-17 1万+
Vue项目出现这个错误：[WDS] Disconnected！ 其实并没有对项目运行本身造成什么实质性的影响，但是一条红色的提示摆在那里确实不太好看，还是把他给解决掉吧 在网上看好多人说需要将 config/index.js中 {host:localhost} 改为 {host: 127.0.0.1} 但是我用起来并没有奏效，就另外找了一种解决方法： 打开 Application->LocalStorage，在key上添加loglevel:webpack-dev-server，在Value上添加SI
[WDS] Disconnected报错
weixin_47108306的博客
02-15 2863
[WDS] Disconnected！报错解决方法
vue出现Invalid Host/Origin header，[WDS] Disconnected!
qq_42388853的博客
05-14 1028
转载一波网址。写的很好https://blog.csdn.net/lifachang/article/details/103201799
vue项目，chrome控制台出现 webpack 报错 [WDS] Disconnected
hery186的专栏
05-02 3万+
GET http://127.0.0.1:8000/sockjs-node/info?t=1481812063392 net::ERR_CONNECTION_REFUSED [WDS] Disconnected! 这种错误一直不知如何解决，也没去管他，因为不影响运行Failed to load resource: net::ERR_CONNECTION_ABORTED因为用了全局代理软件，所以...
【解决方案】webpack `Invalid Host/Origin header`问题
CSDN前端知识共享
12-23 2万+
问题 如何解决webpack Invalid Host/Origin header问题 问题描述 webpack相关版本 package.json "html-webpack-plugin": "^3.2.0", "webpack": "^4.28.2", "webpack-cli": "^3.1.2", "webpack-dev-server&q
vue-cli3项目移动设备调试访问报错WDS：Disconnected，无法自动刷新或模块热替换
qq_42420120的博客
09-30 4686
因为默认情况下，cli3中devServer开启时默认使用的IP不是局域网中的，不能和DevServer建立起websocket连接，这时电脑上的代码改变，移动设备访问的项目也不会自动进行刷新/模块热替换，因此需要修改下命令 启动时命令修改为：npm run serve -- --host=局域网ip...
解决 Vue 项目 invalid host header 问题（两种方案）
热门推荐
无聊猿的博客
03-14 4万+
问题出现背景 做微信H5网页时，使用花生壳内网穿透进行调试时，打开网页显示：invalid host header 分析问题 这句话的意思是：无效的Host请求头； 因为在vue在调试时相当于启动了一个服务器以供我们访问（当我们build后，就可以放在我们自己的nginx等服务器） 测试环境下的webpack有一个host检查功能：webpack的devServer中 如果不配置host就无法访问，解决办法有好几种，可以去设置host，比如： 第一种解决方案 设置允许访问的域名 module.exports
控制台一直报错， [WDS] Disconnected!
马优晨
05-22 3万+
控制台一直报错， [WDS] Disconnected! ，别担心，这里我告诉你解决方案： （1）方案： 在你的webpack配置文件里面找到devServer，然后配置这个 （2）参考地址： https://github.com/webpack/webpack-dev-server/issues/851 （3）原因： win10默认设置的ipv6的优先级高于ipv4，所以把localho...
vue中报错， [WDS] Disconnected!解决方法
weixin_43961899的博客
09-03 4万+
vue页面中报错 [WDS] Disconnected! 原因： 因为用了全局代理软件，所以需要将 vue.config.js中 {host:localhost}改为 {host: 127.0.0.1}刷新页面即可
Invalid Host header
最新发布
08-20
Invalid Host header 是一个常见的错误提示，它通常出现在 Web 服务器的配置中。这个错误提示表明请求中的 Host 头部字段的值无效。 在 HTTP 协议中，客户端发送请求时，会包含一个 Host 头部字段，用于指定要访问的服务器的域名或 IP 地址。当服务器收到请求后会根据 Host 头部字段的值来确定要响应的网站或应用程序。 如果出现 Invalid Host header 错误，可能有以下几种原因： 1. Host 头部字段的值不正确或为空：请确保 Host 头部字段的值正确地指向了服务器上的一个有效的域名或 IP 地址。 2. 请求被代理服务器修改：如果请求经过了代理服务器，它可能会修改 Host 头部字段的值。请确保代理服务器正确地配置了 Host 头部字段。 3. 服务器配置问题：某些服务器配置可能会禁止接受特定的 Host 头部字段值，或者要求 Host 头部字段与实际请求的域名匹配。请检查服务器配置，并确保它允许接受正确的 Host 头部字段值。 如果你遇到了 Invalid Host header 错误，你可以尝试检查上述原因，并进行相应的调整和配置。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值