vue3项目，连接websocket携带自定义请求头

在Vue3项目中，使用WebSocket进行实时通信并携带自定义请求头通常涉及到以下几个步骤：

1. 引入WebSocket库：首先，你需要安装一个用于处理WebSocket的库，如`socket.io-client`或原生的WebSocket API。

   npm install socket.io-client

2. 创建WebSocket实例：创建一个新的WebSocket对象，并指定服务器地址。可以在这个时候设置自定义请求头，例如在创建连接时设置:

   import { createSocket } from 'socket.io-client';

   const socket = createSocket('ws://your-server-url');
   const headers = {
     'Authorization': 'Bearer your-token', // 示例：令牌认证
     'Custom-Header': 'Your-Value' // 自定义头部
   };

   socket.connect({ extraHeaders: headers });

3. 发送消息：当你需要发送数据到服务器时，可以直接通过WebSocket实例的`emit`方法，同样可以带上自定义头：

   socket.emit('message-type', messageData, { headers });

4. 接收响应：当服务器响应时，你可以监听事件来处理返回的数据。