I am using a Nuxt3 server currently running in develop mode that uses a Supabase Database and when I try to connect to the server from a diffrent device then my localhost I get a constant error of "WebSocket connection to 'ws://localhost:4000/ws' failed: " in the develop console.
I want this error to stop because I have a diffrent problem and want to rule out this error as a source for problems.
So far I didnt really try much because I just dont know where to start. I guess that it has something to do with Supabases Postgres database, but I am quite new to Vue3 and Supabase so I dont know if a URL needs to be configured diffrently.
Appreciate it if someone with more knowlede could help me!
Update:
This is how the error looks on a remote device
And this is how it looks on the local device
For Nuxt my Package.json looks like this
And my nuxt.config.ts looks like this
Additional information that might be usefull: I store the supabase url and key in a .env file and when I use supabase I do it with:
const user = useSupabaseUser()
const client = useSupabaseClient()
The error always occures when I try to access the website by using the Network URL provided by the yarn dev
command. It happens on mobile devices aswell as other computers
Network URL provided by the yarn dev
? Also, your Supabase URL is also local host?