Safari 无法连接到本地 URL:http://127.0.0.1:5000

问题描述 投票:0回答:2

我尝试运行这个简单的 Flask hello word 代码:

app = Flask(__name__)
@app.route("/")
def hello_world():
    return "<p>Hello, World!</p>"

但是 safari 不想连接到 Flask 给出的 url (http://127.0.0.1:5000)。 我使用的是 MAC OS M1

python macos flask safari
2个回答
0
投票

您应该在底部添加:

if name == "__main__":
      app.run(debug=true)

0
投票
   from flask import Flask, render_template, request, jsonify

   app = Flask(__chataa__)

   # Store messages in memory for simplicity (not recommended for production)
   messages = []

   @app.route('/')
   def index():
       return render_template('index.html', messages=messages)

   @app.route('/send_message', methods=['POST'])
   def send_message():
       username = request.form.get('username')
       message = request.form.get('message')
       if username and message:
           messages.append({'username': username, 'message': message})
       return jsonify({'status': 'OK'})

   if __name__ == '__main__':
       app.run(debug=True)
  1. 创建一个HTML模板(index.html)来显示聊天界面:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Chat App</title>
    </head>
    <body>
        <h1>Chat App</h1>
        <div id="chat">
            {% for message in messages %}
                <p><strong>{{ message.username }}:</strong> {{ message.message }}</p>
            {% endfor %}
        </div>
        <form id="message-form">
            <input type="text" id="username" placeholder="Username">
            <input type="text" id="message" placeholder="Message">
            <button type="submit">Send</button>
        </form>
        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
        <script>
            $(document).ready(function() {
                $('#message-form').submit(function(event) {
                    event.preventDefault();
                    var username = $('#username').val();
                    var message = $('#message').val();
                    $.post('/send_message', { username: username, message: message }, function(data) {
                        $('#message').val('');
                    });
                });
            });
        </script>
    </body>
    </html>
    
© www.soinside.com 2019 - 2024. All rights reserved.