使用fetch创建ws请求并添加请求头

在JavaScript中，`fetch` API 主要是用于HTTP请求而非WebSocket（ws）。WebSocket是一种全双工通信协议，它允许在单个连接上进行持久性的双向通信。然而，如果你想通过`fetch`来模拟WebSocket的行为，你可以结合`WebSocket`原生API和一些库，如`WebSocket-Node`（如果是在服务器端），或者使用第三方库如`socket.io`。

如果你真的想使用`fetch`发送到一个WebSocket服务器，你需要先创建一个WebSocket连接，然后通过这个连接发送数据。这通常不是直接通过`fetch`完成的，但可以参考下面的例子：

// 创建WebSocket连接
const socket = new WebSocket('wss://your-websocket-url');

// 当WebSocket连接打开时
socket.addEventListener('open', (event) => {
  // 使用fetch发送数据到WebSocket服务端，但这不会自动转化为ws请求
  fetch(socket.url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ message: 'Hello from Fetch' }) })
    .then(response => response.json())
    .catch(error => console.error('Error sending to WebSocket:', error));
});

// 发送消息到WebSocket
socket.send(JSON.stringify({ type: 'message', data: 'Hello, server!' }));

请注意，上述示例仅适用于向支持WebSocket的服务器发送一次性请求的情况，并非真正的实时双向通信。实际应用中，你会需要监听WebSocket事件并在接收到响应时处理。