Flask-SocketIO中满足条件时如何实现页面路由重定向？

Flask的redirect()函数仅适用于HTTP请求-响应周期，而SocketIO的事件处理是基于WebSocket的双向通信，返回redirect()不会触发前端页面跳转——因为前端此时是通过Socket连接接收消息，而非处理HTTP响应。

需要通过SocketIO向前端发送自定义跳转指令，由前端主动执行页面重定向。

服务端修改 #

将无效的return redirect('/result')替换为SocketIO的emit方法，发送自定义事件通知前端跳转，同时重置players_choices数组避免后续逻辑异常：

@socketio.on('message')
def handle_message(message):
    # ... 保留原有的消息解析、choices存储等逻辑 ...

    if len(players_choices)>=2:
        session['main_user_choice'] = players_choices[0]
        session['opponent_user_choice'] = players_choices[1]
        
        # 发送自定义跳转事件给所有客户端
        socketio.emit('redirect_to_result', broadcast=True)
        # 重置choices数组，避免下次请求累积旧数据
        players_choices.clear()

前端修改 #

1. 添加对服务端自定义Socket事件的监听，收到指令后执行页面跳转；
2. 修正原a标签的默认跳转行为（点击会直接跳转到/waiting_for_opponent，与Socket逻辑冲突），阻止默认跳转仅发送消息：

<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        var socket = io.connect("localhost:5001");

        socket.on('connect', function(){
            socket.send("User connected!");
        });

        // 监听服务端的跳转指令，执行页面重定向
        socket.on('redirect_to_result', function() {
            window.location.href = '/result';
        });

        // 修正点击事件：阻止a标签默认跳转，仅发送Socket消息
        $('#rock').on('click', function(e){
            e.preventDefault();
            socket.send($('#rock').data())
        });
        $('#paper').on('click', function(e){
            e.preventDefault();
            socket.send($('#paper').data())
        });
        $('#scissor').on('click', function(e){
            e.preventDefault();
            socket.send($('#scissor').data())                
        });
    });
</script>

额外说明 #

• 若仅需让特定玩家跳转（比如已完成选择的用户），可在emit时指定room或单个客户端ID，而非广播给所有用户；
• 确保Flask的session在SocketIO中正常工作，需配置SECRET_KEY，且SocketIO保持默认的manage_session=True配置。

内容的提问来源于stack exchange，提问作者Ash Gharibyan