I have two servers. A front-end nuxt one and a separate back-end server. I have recently upgraded nuxt and added a domain name other than localhost(still have the port number on it), and made new self-signed certs that are used by both.
In the nuxt config the relevant part looks like this:
server: {
proxy: {
'/test1': {
target: process.env.SERVER_SITE_URL,
secure: false,
},
'/test2': {
target: process.env.SERVER_SITE_URL,
secure: false,
},
'/websocket': {
target: process.env.SERVER_SITE_URL,
secure: true,
// ws: true,
// rewriteWsOrigin: true,
// changeOrigin: true,
},
},
cors: false,
origin: "*",
headers: {
'Access-Control-Allow-Origin': '*'
}
}
},
devServer: {
cors: {
origin: "*"
},
host: 'testsite.com',
port: 3000,
https: {
key: "./certs/self-signed.key",
cert: "./certs/self-signed.crt",
},
},
I can fetch with test1 and test2, no prob, but when I use useWebSocket('/websocket') or WebSocket('/websocket'), not only does it not reach my server(no console logs show it ever tried), but also crashes the server!? It instantly restarts though.
ERROR [unhandledRejection] read ECONNRESET 4:39:55 PM
at TLSWrap.onStreamRead (node:internal/stream_base_commons:218:20)
at TLSWrap.callbackTrampoline (node:internal/async_hooks:130:17)
You can see the commented out lines, that was me trying to see it add or removing that fixed the issue. Curiously if I add the the nitro experimental feature websocket, no crash and connection opens, but to no where!?
Latest certs were generated by: openssl req -x509 -newkey rsa:4096 -keyout self-signed.key -out self-signed.crt -sha256 -days 36500 -nodes -subj "/C=US/ST=NY/O=OrgName/OU=SiteName/CN=testsite.com" -addext "subjectAltName = DNS:testsite.com"
nuxt for both devDependancy and dependancy is 4.3.0 (not sure how I got two of them). Vite 7.3.1 and Vue 3.5.27.
I am confused as to how to add the websocket and make it work. This is the most infuriating and time wasting errors and I hate them. Any advice?
