PyScript向Flask后端发送POST请求时遭遇405 Method Not Allowed错误求助

我来帮你排查这个405错误的问题，从代码细节和常见坑点入手分析：

一、先确认请求的核心细节 #

先打开浏览器开发者工具（F12）切换到Network标签，找到/data/submit的请求，检查这几点：

• 请求方法：是不是确实是POST？如果是OPTIONS可能是CORS预检的问题，但405通常对应实际POST请求被拒绝
• 请求URL：是不是完全匹配http://127.0.0.1:5000/data/submit？有没有拼写错误或者多余后缀？
• 请求头：Content-Type是不是application/json？
• 请求体：是不是符合JSON格式（比如{"message": "Hello from PyScript"}）？

二、针对你的代码的优化和排查步骤 #

1. 细化Flask的CORS配置

虽然你已经加了CORS(app)，但全局配置偶尔会有不生效的情况，建议改成针对目标路由的精确配置，确保允许跨域POST请求：

from flask_cors import CORS

# 替换原来的CORS(app)
CORS(app, resources={
    r"/data/submit": {
        "origins": "*", 
        "methods": ["POST"], 
        "allow_headers": ["Content-Type"]
    }
})

2. 修正PyScript的fetch请求参数

在PyScript中调用js.fetch时，显式构造JS对象能避免Python到JS的转换异常，同时增加错误处理方便排查：

import js
from pyodide.ffi import to_js

def send_data_to_backend():
    data = {"message": "Hello from PyScript"}
    # 显式转换请求配置为JS对象
    fetch_options = to_js(
        {
            'method': 'POST',
            'headers': {'Content-Type': 'application/json'},
            'body': js.JSON.stringify(data)
        },
        dict_converter=js.Object.fromEntries
    )
    
    def handle_response(response):
        if not response.ok:
            raise Exception(f"请求失败: {response.status} {response.statusText}")
        return response.json()
    
    def show_result(data):
        js.console.log("后端响应:", data)
        js.document.getElementById("result").innerText = f"后端返回: {js.JSON.stringify(data)}"
    
    def show_error(error):
        js.console.error("发送数据出错:", error)
        js.document.getElementById("result").innerText = f"错误信息: {str(error)}"
    
    js.fetch('/data/submit', fetch_options)\
        .then(handle_response)\
        .then(show_result)\
        .catch(show_error)

send_data_to_backend()

3. 验证Flask路由是否接收请求

在Flask的handle_data函数开头加日志，确认请求是否真的到达后端：

@app.route('/data/submit', methods=['POST'])
def handle_data():
    print("收到请求: /data/submit")  # 新增日志
    data = request.get_json()
    if not data:
        print("未接收到JSON数据")
        return jsonify({"status": "error", "message": "无JSON数据"}), 400
    print(f"接收的数据: {data}")
    response = {"status": "success", "received": data}
    return jsonify(response)

重启Flask后发送请求，看控制台是否打印日志：

• 有日志：说明请求到达后端，可能是JSON解析问题（会返回400而非405）
• 无日志：说明请求没到后端，可能是路由不匹配或跨域拦截

4. 正确访问页面

确保通过Flask的/路由打开页面（访问http://127.0.0.1:5000/），不要直接双击打开本地HTML文件（file://协议会触发跨域拦截，即使开了CORS也可能异常）。

三、终极排查步骤 #

如果以上都没解决：

• 关闭Flask的debug模式后重启（debug模式偶尔有缓存问题）
• 禁用浏览器的广告拦截、CORS相关插件，避免干扰请求
• 用curl直接测试后端路由，确认后端没问题：

curl -X POST -H "Content-Type: application/json" -d '{"message": "测试请求"}' http://127.0.0.1:5000/data/submit

如果curl请求成功，说明问题在PyScript前端；如果也返回405，说明Flask路由配置有问题，需要重新检查代码。

备注：内容来源于stack exchange，提问作者lhy