Vue项目不断请求 ‘websocket‘ 问题

最新推荐文章于 2023-07-26 18:44:28 发布
最新推荐文章于 2023-07-26 18:44:28 发布
阅读量2.6k 收藏 2
点赞数 2
分类专栏： 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42452567/article/details/108265041
版权

在这里插入图片描述

项目：Vue 2.6.10
报错原因：由于我对 Apache 配置了端口转发： “www.xxx.com” 至 “localhost:8080”，因而使得 webpack-dev-server 出于安全考虑，默认检查 hostname，检查到 hostname 不是内置的，因而报错。
解决方法：修改 vue.config.js ，添加 disableHostCheck: true

在这里插入图片描述

weixin_42452567
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
5.webpack中的webpack-dev-server
weixin_43678786的博客
01-21 607
webpack中的webpack-dev-server1.webpack-dev-middleware和 webpack-hot-middleware2. webpack-dev-server1.contentBase2. port3.compress4. hot5. https6.proxy7. publicPath8. setup9. headers10.host11. allowedHos...
vue封装websocket.zip
02-24
在Vue项目中，对WebSocket进行封装能够提高代码的可维护性和重用性。 首先，让我们深入理解一下WebSocket。WebSocket是一种在客户端和服务器之间建立长期连接的协议，它允许双方进行全双工通信，即双方可以同时发送...
vue前端一直发生websocket请求的解决办法
沙门空海
10-07 6290
今天vue前端调试的时候发现，前端一直在莫名其妙的发送websocket请求。如图所示 莫名其妙是因为前端根本就没有用到websocket。一顿查询之后发现是因为引入的第三方包sockjs-client导致的，解决办法就是将这个包去掉如果用不到的话，或者按照如图所示的步骤将这段代码注释掉即可 文末分享整理的一些学习视频教程网盘资源：https://pan.baidu.com/s/13dbR69NLIEyP1tQyRTl4xw ...
VUE项目不断请求websocket发送ws请求
qq_44854139的博客
07-26 2173
环境变量配置错误导致的前端一直发送ws请求
VUE项目中一直自动发送websocket请求
头发茂密的假程序猿
04-01 6602
vue中的websocket1. 背景原因说明 1. 背景 去年开始学习vue，用vue写了远程视频+聊天的程序，其中聊天用的是websocket。但是最近我发现vue项目即使不引入websocket包，在依赖中也会自动下载，并且每次在浏览器控制台会多一个websocket的请求，因为之前是用的socket聊天，所以我以为这个websocket是我引入的，知道最近我才发现不是这样的。 下图是一个直接用webpack初始化的一个项目，没有手动添加任何包，可以看到webpack自动下载了websocket包，并
vue 一直发送请求websocket
G佳伟
05-18 2114
vue前端一直发生websocket请求的解决办法，VUE项目不断发送websocket请求
Websocket通过客户端访问一直是pending状态解决方案
大哥的叔的博客
05-07 8308
pending状态说明可以连接证明socket连接是成功的，问题出在服务端tomcat的问题 只要重启tomcat就行预测可能是调用出现问题 直接通过查找进程对tomcat路径进行定位ps -ef|grep tomcat 然后找到进程号 一般对于tomcat这种直接kill杀不死 可以 kill -9 进程号 ，然后重启tomcat ...
vue websocket 请求
小贤笔记
07-11 2592
首先写一个公共方法 socket.js function getSocket(url, params, callback) { let socket; if (typeof (WebSocket) === 'undefined') { console.log('您的浏览器不支持WebSocket'); } el...
vue发送websocket请求和http post请求的实例代码
10-16
以下是一个Vue组件`pdf.vue`中的WebSocket请求实例： ```javascript import SockJS from 'sockjs-client'; import Stomp from 'stompjs'; import qs from "qs"; // 不用于WebSocket，用于HTTP POST请求 export ...
VUE+SpringBoot实现WebSocket双工通信
01-18
1. 在Vue.js项目中引入WebSocket库，创建WebSocket客户端并监听通信事件。 2. 在SpringBoot项目中配置WebSocket服务器端点，处理连接、消息和断开事件。 3. 使用renren-fast提供的WebSocket工具和模板，简化集成过程...
vue websocket 与 delphi10.2 websocket通讯
10-08
在Delphi中，你可以创建一个新的服务器项目，然后添加WebSocket服务器组件，并设置其属性，如监听端口和处理连接的方法。 4. **WebSocket通信协议**： 在WebSocket通信中，连接建立后，客户端和服务器可以通过`...
html css js网页设计
07-12
HTML、CSS和JavaScript是构建网页和网站的基本技术，它们共同工作来创建和设计用户界面。下面是关于这三种技术的详细介绍： ### HTML (HyperText Markup Language) - **定义**：HTML是构建网页内容的标准标记语言。 - **作用**：用于创建网页的结构和内容，如段落、链接、图片、表格等。 - **语法**：使用标签（如 `<p>`, `<div>`, `<a>`, `<img>` 等）来定义网页元素。 ### CSS (Cascading Style Sheets) - **定义**：CSS是一种样式表语言，用于描述HTML文档的呈现方式。 - **作用**：用于设置网页的布局、颜色、字体和其他视觉元素。 - **语法**：通过选择器（如 `p`, `.myclass`, `#myid` 等）应用样式规则。 ### JavaScript - **定义**：JavaScript是一种脚本语言，通常用于网页上实现交互功能。 - **作用**：允许网页与用户进行交互，如响应用户操作、动态更新内容、动画效果等。 - **语法**：Java
2023年数字乡村建设解决方案PPT(34页).pptx
最新发布
07-12
数字乡村建设解决方案旨在通过数字化转型促进乡村振兴和农业农村现代化。该方案强调了数字乡村建设的战略机遇，以"1+3+5"工程为总体框架，即一个大数据中心、三大服务平台和五类主题应用。方案着重于乡村治理、产业发展和公共服务三大问题，通过完善治理体系、升级治理能力、强化产业链条和改善资源配置来推动乡村全面振兴。 方案中提出的数字乡村大数据中心是信息资源的集散地，依托大数据、AI、物联网等新技术，实现数据驱动的决策支持。三大服务平台包括产业服务、民生服务和治理服务，旨在提升农业生产智能化、经营网络化，同时优化乡村治理结构和提升服务效能。五类主题应用覆盖生产管理、流通营销、行业监管、公共服务和乡村治理，通过具体业务应用体系，实现农业全产业链的数字化管理和服务。 预期建设效益包括通过信息技术促进乡村优势产业发展，形成城郊融合型数字乡村治理新模式，以及创新服务方式，提升服务能力，保障农民权益。整体而言，该方案以数字化为手段，推动乡村经济、治理、文化等多方面的全面升级和发展。
脉冲强光技术在灭菌烧结固化应用解决方案
07-12
脉冲强光技术在灭菌烧结固化应用解决方案，已经得到厂家授权，可以对外公示。
2024年欧洲辣椒素市场主要企业市场占有率及排名.docx
07-12
2024年欧洲辣椒素市场主要企业市场占有率及排名.docx
1ewqeqweqweqweq
07-12
1ewqeqweqweqweq
DS18B20资源useless，don‘t download
07-12
DS18B20资源useless，don‘t download
Go语言实现冒泡、快排及堆排序.docx
07-12
Go语言实现冒泡、快排及堆排序.docx Go语言实现冒泡、快排及堆排序.docx Go语言实现冒泡、快排及堆排序.docx Go语言实现冒泡、快排及堆排序.docx
vue 新项目怎么用 websocket发送请求
05-31
在 Vue 新项目中使用 WebSocket 发送请求，需要先创建 WebSocket 实例并监听其事件。以下是一个简单的示例： ```javascript // 创建 WebSocket 实例 const socket = new WebSocket('ws://localhost:8080'); // 监听 WebSocket 事件 socket.addEventListener('open', (event) => { console.log('WebSocket 连接已建立'); }); socket.addEventListener('message', (event) => { console.log('收到服务器发送的消息：', event.data); }); socket.addEventListener('close', (event) => { console.log('WebSocket 连接已关闭'); }); socket.addEventListener('error', (event) => { console.error('WebSocket 连接发生错误：', event); }); // 发送数据 socket.send('Hello, WebSocket!'); ``` 在上面的示例中，我们创建了一个 WebSocket 实例，并监听了其 `open`、`message`、`close` 和 `error` 事件。在 `message` 事件中，我们可以处理服务器返回的数据。 要发送数据，只需要调用 `send` 方法即可。在上面的示例中，我们向服务器发送了一个字符串 `'Hello, WebSocket!'`。 需要注意的是，WebSocket 使用的是异步通信，因此在发送请求时并没有办法像传统的 AJAX 请求一样等待服务器返回数据。我们需要在 `message` 事件中处理服务器返回的数据，或者使用 Promise 等方式来处理异步请求的结果。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值