Cannot connect to server: websocket error

[suc1]

Hello community:

I’m using Caddy2 as an HTTPS reverse proxy for Reflex.

Discussion #3553 explains how to add PWA support, but it doesn’t cover how to enable HTTPS.

When I open https://192.168.3.144:3001/ on my phone, the static page loads correctly, but I get this error:
Cannot connect to server: websocket error. Check if the server is reachable at wss://192.168.3.144/_event.

I’ve already turned off the firewall, but the issue persists.

Caddyfile (v2.10.2):

https://192.168.3.144:3001 {
	@websockets {
		path /_event/* /ping /_upload /_upload/*
		header Connection *Upgrade*
		header Upgrade websocket
	}
	reverse_proxy @websockets localhost:8000

	reverse_proxy localhost:3000
}

rxconfig.py:

cors_allowed_origins=[
        "http://localhost:3000",
        "https://localhost:3001",
        "https://192.168.3.144:3001",
    ]

Thanks
Cheng

[suc1]

I tried pure websockets and it works.

1. Caddyfile:

https://192.168.3.144:3001 {
	@websockets {
		header Connection *Upgrade*
		header Upgrade websocket
	}
	reverse_proxy @websockets localhost:8000

    reverse_proxy localhost:3000
}

2. WebSocketServer.py:

import asyncio
import websockets

async def handler(websocket):
    print("✅ client is connected")
    try:
        async for message in websocket:
            print(f"Receive：{message}")
            await websocket.send(f"Server receive：{message}")
    except websockets.ConnectionClosed:
        print("❌ Client disconnected")

# Start WebSocket
async def main():
    async with websockets.serve(handler, "0.0.0.0", 8000):
        print("🚀 WebSocket is running at ws://localhost:8000")
        await asyncio.Future()

asyncio.run(main())

3. WebSocketClient.py:

import asyncio
import websockets

async def hello():
    async with websockets.connect("wss://192.168.3.144:3001") as websocket:
        await websocket.send("Hello，Server！")
        print("✅ Message is sent")
        response = await websocket.recv()
        print(f"📩 Receive Reply：{response}")

asyncio.run(hello())

[suc1]

I found the fix:

1. Caddyfile:

https://192.168.10.169:8001 {
	reverse_proxy localhost:8000
}

https://192.168.10.169:3001 {
	reverse_proxy localhost:3000
}

2. rxconfig.py:

config = rx.Config(
    cors_allowed_origins=[
        "http://localhost:3000",
        "https://192.168.3.144:3001",
    ],
    api_url="https://192.168.3.144:8001",
)

3. run:

reflex run
caddy run --config Caddyfile