getting 403 on fastapi websocket. client vuejs. help please

[hyprsyd]

Vue.use(new VueSocketIO({ debug: true, connection: 'ws://localhost:9000/ws', vuex: { store, actionPrefix: 'SOCKET_', mutationPrefix: 'SOCKET_' }, options: { transports: ['websocket'], forceNew: true, reconnection: true, reconnectionAttempts: Infinity, } }))
mounted() { this.$socket.on('message', (data) => { if (data.message === 'Connected') { console.log('Connected to websocket') } }) this.$socket.on('pong', (data) => { console.log(data.message) }) this.$socket.emit('ping') }, beforeDestroy() { this.$socket.off('message') this.$socket.off('pong') }
@api.websocket("/ws") async def websocket_endpoint(websocket: WebSocket): print('Accepting client connection...') await websocket.accept() await websocket.send_json({"message": "Connected"}) while True: data = await websocket.receive_json() message = data.get("message") if message == "ping": await websocket.send_json({"message": "pong"})