Сбой подключения WebSocket к 'ws: // localhost: 8000 /': ошибка во время рукопожатия WebSocket: неожиданный код ответа: 403

Question

Я пытаюсь установить сокет между сервером и клиентом. Где мой сервер в python. Я создал Fast API WebSocket для серверной части, и Vue. js находится на стороне клиента. Внутренний сервер работает как положено. Но всякий раз, когда я пытаюсь загрузить свой интерфейс, я получаю эту ошибку в консоли. Я искал много сайтов, но не нашел правильного решения для этого. Может кто-нибудь подсказать, как решить эту ошибку для подключения фронтэнда и бэкенда через сокеты?

вот мой код

var socket = new WebSocket("ws://localhost:8000")
socket.onmessage = function(e){
console.log(e.data)
}

socket.onerror = function(e){
console.log(e.data)
}

------------------------------backend--------------------------
@app.websocket("/ws")
async def websocket_endpoint(websocket: WebSocket):
    await websocket.accept()
    while True:
        await websocket.send_text(f"Message text was: {data}")