2

在容器中创建并启动一个空白的新 vitejs 项目

npm init @vitejs/app test --template vue
cd test
npm install
npx vite --https --port 9000

haproxy 配置位于容器的服务器和浏览器之间。全局和默认的 haproxy.cnf 部分似乎没有什么区别。它们具有与默认值相同的结果。

相关的前端后端定义是：

frontend port8443
    bind *:8443 ssl crt /etc/haproxy/d250.hu.pem alpn h2,http/1.1

    default_backend default

backend default
    server port8443:my-test 10.110.24.2:8443 ssl verify none alpn h2,http/1.1

其中 10.110.24.2 是容器的 IP。

一旦 ViteJS 在浏览器中打开，它就会加载，但随后会失败。

铬报告

[vite] connecting...
client:200 WebSocket connection to 'wss://my-test.mydomain.com:8443/' 
failed: Error during WebSocket handshake: Unexpected response code: 404
(anonymous) @ client:200

Firefox 报告的消息略有不同

[vite] connecting...
Firefox can’t establish a connection to the server at wss://my-test.mydomain.com:8443/.

两者都会挂起一段时间，或者快速重新加载以建立 websocket 连接。错误消息很难捕捉。错误后它说轮询重新启动，然后再试一次。

一种解决方法是通过删除禁用 http/2alpn h2,http/1.1

所以，http1.1 工作正常。没有代理的 Vitejs 工作正常，默认使用 http/2。Websockets 通常适用于 http 和 http/2。

现在这是 vitejs 中的错误，还是 haproxy 配置中的错误？

4

0 回答 0