在Vue 2中，如何为WebSocket连接设置HTTP请求头（headers）？

在Vue 2中，为了在WebSocket连接时设置HTTP请求头，你需要利用原生的WebSocket API，并通过`open()`事件或者第三方库如vue-websocket插件来配置。如果你选择手动操作，可以这样做：

1. 首先安装vue-websocket插件，如果尚未安装：

   npm install vue-websocket

2. 然后，在你的Vue组件中引入并使用它：

   import { useSocket } from 'vue-websocket'

   setup() {
     const socket = useSocket({
       url: 'your-websocket-url', // 替换为实际的WebSocket URL
       headers: {
         'Authorization': 'Bearer your-token', // 设置你的请求头
         'Content-Type': 'application/json'
         // 添加其他需要的头部信息
       },
     })

     // ...其他部分

     socket.on('connect', () => {
       console.log('Connected to WebSocket')
     })

     return {
       socket,
       // ...其他组件数据和方法
     }
   }

如果你选择直接使用原生WebSocket，可以在`WebSocket`构造函数中添加headers到`new WebSocket(url, protocols)`中的第二个参数。注意，这通常仅适用于简单的自定义头部，复杂的头部可能会因为浏览器的安全限制而受限。