Пишу приложение в связке Django + Channels + Nuxt + REST
Nuxt подключил так
// plugins/socket.io.js
import Vue from 'vue'
import VueSocketio from 'vue-socket.io-extended'
import socketio from 'socket.io-client'
export default ({ app, store, nuxtState, req, route }) => {
let socket = socketio('http://127.0.0.1:8000', {
autoConnect: false,
transports: ['websocket'],
query: {
auth: 'MY_AUTH_TOKEN'
},
path: '/desk-socket/',
});
Vue.use(VueSocketio, socket);
socket.open();
socket.on('connect', () => {
store.dispatch('socket/socketConnectUpdate', true);
});
socket.on('disconnect', () => {
store.dispatch('socket/socketConnectUpdate', false);
});
}
Консоль браузера при этом выглядит так
Почуму не устанавливается постоянное соединение?? Уже часа 3 на гугление потратил и пока безрезультатно
Пробовал на банальном jqeury - работает отлично
let socket = new WebSocket("ws://127.0.0.1:8000/desk-socket/?auth=069ab868f8faf658832fd56c7577e1a9f6f4636f");
socket.onopen = function() {
console.log("Соединение установлено.");
};
socket.onmessage = function(event) {
console.log(event);
$('#app').append("<p>" + event.data + "</p>");
};
socket.onclose = function(event) {
console.log(event)
};
socket.onerror = function(error) {
console.log("Ошибка " + error.message);
};
