vue项目使用express+socket.io 报错 Invalid Host/origin Header

最新推荐文章于 2024-06-20 11:47:31 发布
最新推荐文章于 2024-06-20 11:47:31 发布
阅读量590 收藏
点赞数
分类专栏： node soket.io Node+express
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_20472061/article/details/86167424
版权
node 同时被 3 个专栏收录
6 篇文章 0 订阅
订阅专栏
soket.io
4 篇文章 0 订阅
订阅专栏
Node+express
4 篇文章 0 订阅
订阅专栏

写另一个前后端分离的websoket 项目 遇到个坑。。。 目测是 webpack DevServer 没有启动 因为 然后 阻止了websoket的连接 然后导致此错误

解决方案：找到webpack 里面的DevServer 设置为true

具体设置看：http://webpack.wuhaolin.cn/1入门/1-6使用DevServer.html

zehua_o
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决Invalid Host/Origin header，[WDS] Disconnected!报错
Debug的博客
03-21 2141
第一步：第二步：第三步：重新启动dev即可
基于vue3+socket.io的聊天应用，比较完整，略好看.zip
05-03
基于vue3+socket.io的聊天应用，比较完整，略好看 基于vue3+socket.io的聊天应用，比较完整，略好看 基于vue3+socket.io的聊天应用，比较完整，略好看 基于vue3+socket.io的聊天应用，比较完整，略好看 基于vue3...
【解决方案】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
报错Invalid Host/Origin header 【[WDS] Disconnected】
最新发布
mzy110_的博客
06-20 449
请注意，这可能会带来安全风险，因为它允许任何人访问你的开发服务器。你应该只在你完全理解这个设置的含义，并且你的开发环境是安全的情况下使用它。在这个例子中，只有 host.com、subdomain.host.com 和 subdomain2.host.com 能访问你的开发服务器。这个错误 “Invalid Host/Origin header” 通常出现在你尝试从一个源（origin）访问另一个源的资源时，而后者的。如果你尝试从其他设备（例如手机）或其他主机访问你的开发服务器，你可能会看到这个错误。
vue2.0 ie 报错Invalid Host/Origin header
cccdf_jjj的博客
08-21 1320
先讲一下报的什么错误，我用vue2.0搭建的项目，再谷歌火狐上都没有问题，但是放到ie上就开是报错，报的我头疼也是 这时报错的信息 一直自己在那边循环着报，什么鬼呀。 后来大概找到报错原因，我同时启动了两个项目，只有一个报错，一个是localhost:8080的另外一个是localhost:8081的结果81的就一直报错，止不住的报，后来发现好像是本地代理的问题，不管了，反正我这样解决就...
vue出现Invalid Host/Origin header，[WDS] Disconnected!
qq_42388853的博客
05-14 1032
转载一波网址。写的很好https://blog.csdn.net/lifachang/article/details/103201799
【已解决】在使用frp内网穿透访问VUE项目提示：Invalid Host/Origin header 解决方案
凯哥Java的博客
12-22 1193
在使用frp作为内网穿透的时候，配置了多端口穿透(也是第一次配置frp多端口)，端口配置如下：8079：vue项目的管理系统8080：vue项目的前台系统8082：普通的web项目。
vue+socket.io+express+mongodb 实现简易多房间在线群聊示例
11-26
主要技术： vue2全家桶 + socket.io + node(express) + mongodb(mongoose) 环境配置： 需安装配置好 node,mongodb环境（参考：//www.jb51.net/article/109449.htm）; 建议安装 Robomogo 客户端来管理mongodb数据。 ...
vue-socket.io-chat：TypeScript + Vue + ExpressKoa + Socket.io
02-03
Vue + Socket.io这个轮子已经有很多人造过了，为了不重复造轮子，我将本项目以三阶段实现（大家可以在github中的Releases查看）： 纯前端（Vuex） 初步+前端（JavaScript） 初步+前端（TypeScript） 希望能给大家一...
基于nodejs+express+socket.io模块构建的强大网页聊天室+Vue前端+源码+项目文档（毕业设计&课程设计）
06-03
基于nodejs+express+socket.io模块构建的强大网页聊天室+Vue前端+源码+项目文档，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用~ 项目简介： 聊天室是一个基于...
uniapp出现Invalid Host/Origin header，[WDS] Disconnected!（解决办法）
逍遥的博客
10-31 1147
在devServer: 添加 “disableHostCheck”: true。再manifest.json源码视图找到h5。
使用Vue组件 出现 Invalid Host/Origin header
GuiBing_haonan的博客
05-24 733
bug 详情： 浏览器控制台疯狂刷新下图所示错误 解决方案： 找到vue-cli脚手架的根目录： 新建文件 vue.config.js 写入以下代码： module.exports = { devServer: { //反向代理修改了host后，热更新失效 disableHostCheck: true } } 重启Vue npm run serve ...
vue项目本地映射到外网访问时出现 Invalid Host header
不忘的博客
11-19 985
新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。通过公网访问本机运行的vue项目，访问时遇到的问题。
解决 Vue 项目 invalid host header 问题（两种方案）
热门推荐
无聊猿的博客
03-14 4万+
问题出现背景 做微信H5网页时，使用花生壳内网穿透进行调试时，打开网页显示：invalid host header 分析问题 这句话的意思是：无效的Host请求头； 因为在vue在调试时相当于启动了一个服务器以供我们访问（当我们build后，就可以放在我们自己的nginx等服务器） 测试环境下的webpack有一个host检查功能：webpack的devServer中 如果不配置host就无法访问，解决办法有好几种，可以去设置host，比如： 第一种解决方案 设置允许访问的域名 module.exports
Angular：Invalid Host/Origin header问题解决方案
灿灿大王搭建的黄金屋
08-19 4888
最近在Chrome浏览器调试的时候遇到一个问题，浏览器的控制台一直报错 Invalid Host/Origin header，在百度上看到也有人遇到过这个问题，参考链接：https://blog.csdn.net/u013243347/article/details/85223016 作者给出的解释是这是webpack本身出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在...
webpack Invalid Host/Origin header
有时间可以指导毕业设计，可以私聊我。一个热爱编程的smallCuteMonkey，可以私信我
10-08 198
加上配置信息在： 需要加上disableHostCheck: true
webpack `Invalid Host/Origin header`问题
菜鸟karroy
04-26 1823
问题描述 webpack Invalid Host/Origin header问题 解决办法 这是webpack本身出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在我们的开发环境下，可以禁用掉disableHostCheck这一配置项。 在config目录中的index.js中添加如下module.exports配置：disableHostCheck: true, ...
【Socket.io 提示 Invalid frame header】
qq_40900156的博客
09-16 2002
后来，还是把服务端 socket.io 的版本改了回来，去官网找到对应版本的客户端 socket.io 下载替换。最近在网上疯狂地找与聊天系统有关的资源，因为之前没做过，好长时间找到一个看起来比较容易的，准备跑起来。然后我把 package.json 改成大佬使用的版本，重新下载依赖运行成功了…于是我把大佬的代码内容放到我的服务器下边，好，运行。我的服务端 socket.io 的版本是 4.5.2。客户端输入大佬的地址，好，信息接受成功。说的是，服务端与客户端的兼容性问题。然后大佬的代码跑起来了。
基于vue3的setup+socket.io实现聊天的页面以及完整的聊天功能
04-27
首先，你需要在你的Vue项目中安装socket.io-client： ```bash npm install socket.io-client ``` 然后在你的Vue组件中引入socket.io-client并在setup函数中使用它来连接服务器： ```javascript import { ref, ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值