配置POST端点后Flask REST API仍出现405 HTTP错误求助

核心原因 #

405 Method Not Allowed错误的直接原因是你的Flask路由默认只支持GET请求，没有显式声明允许POST方法。Flask的@route装饰器如果不指定methods参数，只会响应GET请求，服务器收到POST请求时会直接返回405错误。

修复方案 #

修改Flask路由装饰器，添加methods=['GET', 'POST']参数，明确允许两种请求方法：

@api.route('<username>/calendar/data', methods=['GET', 'POST'])
def events(username):
    if request.method == 'GET':
        # 保留原GET请求逻辑
        pass
    elif request.method == 'POST':
        data = request.get_json()
        print(data)
        admin = Admin.query.filter_by(username=username).first()

        startDateParsed = data.get('startDate').split('-')
        endDateParsed = data.get('endDate').split('-')
        startDate = datetime(year=int(startDateParsed[0]), month=int(startDateParsed[1]), day=int(startDateParsed[2]))
        endDate = datetime(year=int(endDateParsed[0]), month=int(endDateParsed[1]), day=int(endDateParsed[2]))

        startTimeParsed = data.get('startTime').split(':')
        endTimeParsed = data.get('endTime').split(':')
        startTime = time(hour=int(startTimeParsed[0]), minute=int(startTimeParsed[1]))
        endTime = time(hour=int(endTimeParsed[0]), minute=int(endTimeParsed[1]))

        new_event = CalendarDates(title=data.get('title'), startDate=startDate, startTime=startTime, endDate=endDate, endTime=endTime, frequency=data.get('frequency'), admin_id=admin.id)
        db.session.add(new_event)
        db.session.commit()

        return '', 200

额外优化建议 #

1. 请求合法性校验：在POST逻辑开头添加JSON格式校验，避免无效请求：

   if not data:
       return {"error": "Invalid JSON data"}, 400
   

2. 异常场景处理：补充用户不存在、日期解析失败等异常的处理逻辑，避免返回500错误：

   if not admin:
       return {"error": "User not found"}, 404
   

3. 前端错误捕获：给fetch请求添加错误处理，方便调试请求失败的原因：

   fetch(`/${username}/calendar/data`, {
     method: 'POST',
     headers: {'Content-Type': 'application/json'},
     body: JSON.stringify({
       title: title.value,
       startDate: startDate.value,
       startTime: startTime.value,
       endDate: endDate.value,
       endTime: endTime.value,
       frequency: frequency.value
     }),
   })
   .then(response => {
     if (!response.ok) throw new Error(`请求失败，状态码：${response.status}`);
     console.log("事件创建成功");
   })
   .catch(err => console.error("请求出错：", err))
   

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