Javascript 到“ws://localhost:8000/”的WebSocket连接失败：WebSocket握手期间出错：意外响应代码：403

我正在尝试服务器和客户端之间的套接字连接。我的服务器在python中。我已经为后端创建了一个快速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}")

替换：

var socket = new WebSocket("ws://localhost:8000")

致：

var socket = new WebSocket("ws://localhost:8000/ws")