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

【问题标题】：WebSocket connection to 'ws://localhost:8000/' failed: Error during WebSocket handshake: Unexpected response code: 403WebSocket 连接到“ws://localhost:8000/”失败：WebSocket 握手期间出错：意外响应代码：403
【发布时间】：2020-05-02 18:40:16
【问题描述】：

我正在尝试服务器和客户端之间的套接字连接。我的服务器在 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}")

【问题讨论】：

标签： javascript python sockets websocket

【解决方案1】：

替换：

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

到：

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

【讨论】：