如何摆脱这个错误 405 ？（烧瓶/Py）答案

【问题标题】：How do I get rid of this error 405 ? (Flask/Py)如何摆脱这个错误 405 ？（烧瓶/Py）
【发布时间】：2021-05-28 14:49:19
【问题描述】：

我想用 Flask 和 socket.io 制作一个聊天应用程序，但每当我点击“发送”时，我总是收到错误 405。我一直在努力完成这项工作，但它不会（只是一个带有用户名和消息的基本东西）。这是错误的内容：

"方法不允许请求的 URL 不允许该方法。”

我真的不知道出了什么问题。当我检查我的 cmd 时，我看到：

POST / HTTP/1.1" 405 362 0.001000 127.0.0.1 - - [28/May/2021 16:44:29] “GET /socket.io/?EIO=3&transport=websocket&sid=7392cec39d5841bcaa7d7c8faaa1b6fb HTTP/1.1" 200 0 3.134387

main.py:

from flask import Flask, render_template #Importation du modèle flask et de render_template
from flask_socketio import SocketIO #Importation du modèle socketio

app = Flask(__name__)
app.config['SECRET_KEY'] =b'\xba!\xe3];\xce\xe6V}\x1d\xee\xda\x03\x8b\xbfS\xb9\x0fE\x8f\x15\x98O\x92' #Clé secrète afin de garder la partie client sécurisée
socketio = SocketIO(app)


@app.route('/')
def index(): #Définition de la fonction index
    return render_template('index.html') #Affichage de la page index.html


def messageReceived(methods=['GET', 'POST']): #Définition de la fonction message reçu
    print('Message reçu')


@socketio.on('my event') 
def handle_my_custom_event(json, methods=['GET', 'POST']): #Définition de la fonction message envoyé
    print('Mon événement a été reçu: ' + str(json))
    socketio.emit('Ma réponse', json, callback=messageReceived) #Émission du message


if __name__ == '__main__':      #Boucle permettant à l'application web de continuer de fonctionner à l'infinie
    socketio.run(app, debug=True)

index.html:

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title>Chat Flask</title>
        <link rel="stylesheet" href="{{url_for('static', filename='index.css')}}">
    </head>
    <body>
        <p id="para1" style='color: #9cd374;font-size: 30px;'>Pas de message...</p>
        <div class="message_holder"></div>
        <form action="" method="POST">
            <div class="inputs">
            <input type="text" id="username" placeholder="Nom d'utilisateur"/>
            <input type="text" id="message" placeholder="Message"/>
            <input type="image" id="send" src="static/send.png"/> 
                <!-- Utilisation direct du <style> car le css ne fonctionne pas pour les entrées -->
                <style>
      input[type="email"] {
        text-align: center;
      }
      input[type="text"] {
        text-align: right;
      }
      input[type="tel"] {
        text-align: left;
      }
      body {
        text-align: center;
      }
      label {
        display: block;
        margin-bottom: 30px;
      }
    </style>
            </div>
        </form>
        <!-- Script JS nécessaire pour utiliser socketIO -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script>
        <script type="text/javascript">
            var socket;
            $(document).ready(function(){
                socket = io.connect('http://' + document.domain + ':' + location.port + '/chat');
                socket.on('connect', function() {
                    socket.emit('joined', {});
                });
                socket.on('status', function(data) {
                    $('#chat').val($('#chat').val() + '<' + data.msg + '>\n');
                    $('#chat').scrollTop($('#chat')[0].scrollHeight);
                });
                socket.on('message', function(data) {
                    $('#chat').val($('#chat').val() + data.msg + '\n');
                    $('#chat').scrollTop($('#chat')[0].scrollHeight);
                });
                $('#text').keypress(function(e) {
                    var code = e.keyCode || e.which;
                    if (code == 13) {
                        text = $('#text').val();
                        $('#text').val('');
                        socket.emit('text', {msg: text});
                    }
                });
            });
      </script>
    </body>
</html>

【问题讨论】：

标签： python html css flask

【解决方案1】：

您似乎在使用此博客：https://codeburst.io/building-your-first-chat-application-using-flask-in-7-minutes-f98de4adfa5d

首先，您应该尝试在不做任何修改的情况下按照指南进行操作。当您有一个可行的解决方案时，您可以一个一个地进行小幅调整，并始终检查它是否仍然有效，直到您有信心使用该技术。

我第一眼看到的一些问题：

io.connect('http://' + document.domain + ':' + location.port + '/chat'); 但是在你的服务器上，你定义了它没有路径，所以你应该只使用域+端口：'http://' + document.domain + ':' + location.port
您已经定义了在服务器端收听的消息类型：@socketio.on('my event') ，但您在 JavaScript 中发送不同的事件：socket.emit('joined', {});
另一个方向也是如此。在服务器上，您向客户端发送类型为socketio.emit('Ma réponse', ... 的事件，但在客户端上，您正在收听以下事件：socket.on('status', ...

【讨论】：

我尝试了原始内容，但没有成功。这次它没有给我错误，只是没有显示任何消息或其他
@Mazhaa 为 websocket 相关方法添加 console.log，或者更好的是：在浏览器的开发者控制台中调试。找到您在哪个部分看到消息，从哪个部分看不到。在我看来，您还缺少一个 ID 为“聊天”的 HTML 元素，因此没有容器可以插入新的 HTML 标记。

【解决方案2】：

解决主要问题：您的路由 / 默认情况下只接受 GET 请求。如果你想允许 POST 请求，你应该像这样修改这一行：

@app.route('/')
def index(methods=['GET', 'POST']):

您可能需要在其他功能中执行相同操作。

【讨论】：

【解决方案3】：

如果你能粘贴整个日志，那将是一个很大的帮助，但是在我看到你的 index.html 之后，我认为你遇到了和我一样的问题。

在您的 index.html 中，您使用了相当旧的 socket io JS 客户端 (1.3.6)：

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script>

也许你仔细看终端，它说（你省略了）：

"The client is using an unsupported version of the Socket.IO or Engine.IO protocols (further occurrences of this error will be logged with level INFO)"

要解决这个问题，请参考flask-socketio installation guide page上的这张表：

【讨论】：