Html页面websocket客户端出现websocket handshake unexpected response code 404问题,一般是地址错误。在new WebSocket()里需要带上部署的服务名。

websocket = new WebSocket("ws://localhost:8080/access-web/websocket"); 其中access-web是服务名

<script type="text/javascript">
var websocket = null;
//判断当前浏览器是否支持WebSocket
if ('WebSocket' in window) {
websocket = new WebSocket("ws://localhost:8080/access-web/websocket");
}
else {
alert('当前浏览器 Not support websocket')
}

//连接发生错误的回调方法
websocket.onerror = function () {
setMessageInnerHTML("WebSocket连接发生错误");
};

//连接成功建立的回调方法
websocket.onopen = function () {
setMessageInnerHTML("WebSocket连接成功");
}

//接收到消息的回调方法
websocket.onmessage = function (event) {
setMessageInnerHTML(event.data);
}

//连接关闭的回调方法
websocket.onclose = function () {
setMessageInnerHTML("WebSocket连接关闭");
}

//监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。
window.onbeforeunload = function () {
closeWebSocket();
}

//将消息显示在网页上
function setMessageInnerHTML(innerHTML) {
document.getElementById('message').innerHTML += innerHTML + '<br/>';
}

//关闭WebSocket连接
function closeWebSocket() {
websocket.close();
}

//发送消息
function send() {
var message = document.getElementById('text').value;
websocket.send(message);
}
</script>

转载于:https://www.cnblogs.com/shuanglin/p/8986125.html

websocket handshake unexpected response code 404问题相关推荐

  1. WebSocket connection to,Error during WebSocket handshake: Unexpected response code: 404

    使用标准的JSR 356注解时,需要使用tomcat 8.x版本,如果使用tomcat 7.x的版本,则需要继承WebSocketServlet,否则会报WebSocket connection to ...

  2. Error during WebSocket handshake: Unexpected response code: 404错误的解决

    作者:朱金灿 来源:https://blog.csdn.net/clever101 本文操作环境是:64位Windows 10,eclipse Oxygen.2 Release (4.7.2). 在使 ...

  3. WebSocket——[Error during WebSocket handshake: Unexpected response code: 403]解决方案

    问题描述 WebSocket connection to 'ws://localhost:8888/MetroCity/ws/endpointChat' failed: Error during We ...

  4. WebSocket——[Error during WebSocket handshake: Unexpected response code: 200]解决方案

    问题描述 WebSocket connection to 'ws://localhost:8888/MetroCity/ws/endpointChat' failed: Error during We ...

  5. 【uniapp】Error during WebSocket handshake: Unexpected response code: 302

    前言 使用uniapp创建WebSocket时发生错误:Error during WebSocket handshake: Unexpected response code: 302 分析 报302的 ...

  6. SocketJs报错failed: Error during WebSocket handshake: Unexpected response code: 400

    SocketJs报错failed: Error during WebSocket handshake: Unexpected response code: 400 问题出现在nginx的配置文件,需要 ...

  7. Error during WebSocket handshake: Unexpected response code: 429

    这个错误消息表示在WebSocket握手期间发生错误,错误代码为429.429表示请求过多,服务器拒绝处理该请求.这通常是因为客户端发送了过多的请求而导致服务器超负荷.

  8. Error during WebSocket handshake: Unexpected response code: 200 错误解决

    项目中配置了支持sockjs: stompEndpointRegistry // ----------------------------------------------------------- ...

  9. Prometheus报错Error refreshing service Unexpected response code: 503解决办法

    今天终于把这个搁置了几个月没有解决的问题解决了,真的是找遍了Google.百度文档,没有找到一个解决方案,这里分享一下解决办法. 公司项目使用的是spring cloud,注册中心使用的Eureka, ...

最新文章

  1. python代码优化_Python 代码优化技巧(一)
  2. ffmpeg 快速定位帧-资料整理
  3. 【转】The Google File System 中文版
  4. OpenYurt 入门 - 在树莓派上玩转 OpenYurt
  5. Luogu P4707 重返现世 (拓展Min-Max容斥、DP)
  6. for命令linux,linux中的for命令
  7. iOS内存管理(ARC,MRC)
  8. leetcode 483. 最小好进制
  9. 简述TCP/IP四层体系结构及每层作用
  10. Linux查询命令man手册各章节解释
  11. java List的初始化
  12. Visualizing and Understanding Convolutional Networks论文解读
  13. 【编解码】从零开始写H264解码器(1) 总纲
  14. 博弈论总结(题目合集)
  15. Threejs 字体单独发光
  16. 从团队协作与主题解读ios主流思维导图软件
  17. 观察者模式Observer -- 深入理解
  18. C++ - CString 用法
  19. nginx 响应头详解
  20. IDEA全局查找关键字的方法

热门文章

  1. java中sort的cmp_快速排序(cmp函数详解)
  2. python 装饰器装饰类
  3. javascript HTMLAudioElement
  4. Hadoop HIVE 条件控制函数
  5. opencv-api fit
  6. opencv-api getAffineTransform()
  7. PHP学习总结(10)——PHP入门篇之自定义网站根目录
  8. linux 多线程并行计算,浅谈.NET下的多线程和并行计算(五)线程池基础上
  9. python如何遍历二维数组的列元素_for循环获取二维数组的元素时的bug
  10. docker mysql5.7.19_Docker19.03.13下安装Mysql57