WebSocket connection to … failed: Invalid frame headerто есть на стеке пишут что просто твой сокет на клиенте - пытается юзать сервер ссокет, а в документации сказано что по умолчанию он подключит клиентский
0{"sid":"Lbo5JLzTotvW3g2LAAAA","upgrades":["websocket"],"pingInterval":25000,"pingTimeout":5000}
возвращается в том слуае если ошибка cors, попробуй заменить за место "*", просто сделать trueconst io = new Server(server, {
transports: ["polling", "websocket"],
cors: {
origin: true
}
});
const io = new Server(server, {
transports: ["polling", "websocket"],
cors: {
origin: process.env.CLIENT_URL,
methods: ["GET", "POST"],
credentials: false,
}
});
io(process.env.NEXT_PUBLIC_SOCKET_URL, {
withCredentials: false,
reconnectionAttempts: 5,
})
const io = new Server(server, {
transports: ["polling", "websocket"],
cors: {
origin: "*"
}
});
const onMouseRotate = (wrap, elem) => {
const wrapper = document.querySelector(wrap);
let currentX;
let currentY;
let currentTarget = null
if (!wrapper) return;
const changeRotateSlider = (evt) => {
const target = evt.target.closest(elem);
if (currentTarget) {
currentTarget.style.cssText = `transform: perspective(700px) rotateX(${currentY / 60}deg) rotateY(${-currentX / 60}deg) scale3d(1.02, 1.02, 1.02)!important; box-shadow: 0 0 20px 3px rgba(0,0,0,0.2);`
}
if (target !== currentTarget && currentTarget || currentTarget && !target) {
currentTarget.style.cssText = `transform: perspective(700px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)!important; box-shadow: 0 0 10px 5px rgba(0,0,0,0);`;
}
if (!target) return;
currentTarget = target;
currentX = evt.clientX - target.getBoundingClientRect().left - target.getBoundingClientRect().width / 2;
currentY = evt.clientY - target.getBoundingClientRect().top - target.getBoundingClientRect().height / 2;
}
wrapper.addEventListener('mousemove', changeRotateSlider);
}
onMouseRotate('.courses', '.course__inner');