一、前言：

该文章基于原生WebSocket而编写的基础文章，大佬请绕过！！！

二、判断是否连接成功

1. 判断依据：Socket.readyState （即状态为1就代表可以连接成功）

2. 在浏览器的控制台输入new WebSocket(地址)

• 连接成功
  

• 连接不成功
  
  在我们正式写 websocket 前，在浏览器里面快速的验证一下是否可以连接成功，还是很方便的！

3. 如果我们在项目中已经写好了 websocket

const token = this.$store.getters.access_token
let url = `${this.$webSocketUrl}/cc/websocket/status/${ token }`;
this.socket = new WebSocket(url);
this.socket.onmessage = (res => {
  console.log('消息数据已接收...', JSON.parse(res.data));
  if (JSON.parse(res.data).code === 1) {
    // 刷新统计数据
    this.getCountList();
  }
});
this.socket.onopen = (res => {
  // 这里面可以查看是否连接成功
  console.log('消息socket连接成功', res);
});

三、扩展

ps：wss 在 https 环境下，并且没有 SSL/TLS 证书 的情况下，浏览器是链接不上的，接口都无法到达服务器，直接被浏览器阻止了。但是，在 Apifox 或者 Postman 这类工具中，是可以链接成功的，因为这类工具可以配置是否开启 SSL 证书验证，只要没开启这个验证就能链接成功！

文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！