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}")

Answer 1

替换：

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

至：

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