hmr can't be connected when accessing on iOS device in middlewareMode

[elsonz]

when using Vite middleware mode, and accessing the web page via iOS Safari（Android device is good）, websocket is unable to be connected: just directly closed without triggering the open event. Even never seen a ws:// request has been sent.

• use the project in examples/middleware-mode
• set http proxy on the device: forest.y.qq.com 127.0.0.1:3010
• enter http://forest.y.qq.com on iOS Safari
• enter the code in console and see the output

is that a problem related to hostname ?

function setupWebSocket(protocol, hostAndPath) {
  console.info('`${protocol}://${hostAndPath}`', `${protocol}://${hostAndPath}`);
  const socket = new WebSocket(`${protocol}://${hostAndPath}`, 'vite-hmr');
  console.info('socket', socket.url);
    let isOpened = false;
    socket.addEventListener('open', () => {
        isOpened = true;
        console.log('isOpened');        
    }, { once: true });
    // Listen for messages
    socket.addEventListener('message', async ({ data }) => {
        console.log('message', data); 
    });
    // ping server
    socket.addEventListener('close', async (closeEv) => {
        if (!isOpened) {
            console.error(`closeEv ${isOpened ? 'opened' : 'not open'}`, {...closeEv});
        }
    });
    return socket;
}

setupWebSocket('ws', 'forest.y.qq.com/vite-in-example-custom-server/');

[sapphi-red]

I don't think it's related to hostname.