vue-cli 全局websocket

Vue-cli本身并不支持全局WebSocket，但可以通过引入WebSocket库来实现全局WebSocket。

1. 首先，在Vue-cli项目中安装WebSocket库，例如使用npm安装：

npm install --save ws

2. 在Vue-cli中创建一个全局WebSocket对象，并在需要使用WebSocket的组件中引入：

// 创建全局WebSocket对象
const WebSocketInstance = new WebSocket('ws://localhost:8080');

// 将WebSocket对象挂载到Vue原型上
Vue.prototype.$socket = WebSocketInstance;

// 在组件中使用WebSocket
export default {
  mounted() {
    // 发送WebSocket消息
    this.$socket.send('Hello WebSocket!');
    
    // 监听WebSocket消息
    this.$socket.onmessage = (event) => {
      console.log('Received message: ' + event.data);
    }
  }
}

3. 最后，在Vue-cli项目中关闭WebSocket连接，例如在App.vue的beforeDestroy钩子中：

export default {
  beforeDestroy() {
    this.$socket.close();
  }
}