Web sockets - Build a Slack clone using Django and Vue

You need to be subscribed to a plan to get access to the full course.

In this part, we will connect to the backend using web sockets.

Comments

Scorer | Mar 12, 24 10:14

Hie Stein,
Really nice your new frontend ;oD

I succeed to that point but I have a new difficulty...have that error msg in the console :
GET ws://localhost:8000/ws/roomname/?token=...etc --> Firefox can't access connection with tha url NS_ERROR_WEBSOCKET_CONNECTION_REFUSED
Could U help me please ?

Scorer | Mar 12, 24 10:17

It looks like in the index.js. I tried in the Chat.Vue two possibilities :
this.connection = new WebSocket("ws://localhost:8000/ws/roomname/?token=" + this.$store.state.user.token)
this.connection = new WebSocket("ws://127.0.0.1:8000/ws/roomname/?token=" + this.$store.state.user.token)
Hope you we'll have an idea ;oD Best regards

Scorer | Mar 12, 24 10:45

Stein, sorry for previous messages. I reformatting my Chat.vue which integrated next steps. After reformatting, the error is that one :
Uncaught (in promise) ReferenceError: Websoscket is not defined
So I need help but you can delete the previous messages. Please, apologizes for that and for my poor english ;oD

Add comment

Newsletter

Subscribe to my weekly newsletter. One time per week I will send you a short summary of the tutorials I have posted in the past week.