当前位置：首页 > news >正文

How can I fix my Flask server‘s 405 error that includes OpenAi api?

news 2025/7/5 11:42:32

题意：解决包含OpenAI API的Flask服务器中出现的405错误（Method Not Allowed，即方法不允许）

问题背景：

I'm trying to add an API to my webpage and have never used any Flask server before, I have never used Javascript too so this is a completely brand new learning experience. My problem is that I keep receiving a 405 error code saying that the method is not allowed. I keep on using the POST method but it isn't working, I am banking that my issue may be with my HTML code more than my Flask server because the code is extremely generic and simple.

我正在尝试将API添加到我的网页中，但我之前从未使用过任何Flask服务器，也从未使用过JavaScript，所以这对我来说是完全全新的学习体验。我的问题是，我不断收到405错误代码，表示方法不允许。我一直在使用POST方法，但它不起作用。我认为我的问题可能更多地出在我的HTML代码上，而不是Flask服务器，因为我的代码非常通用且简单。

import openai
from flask import Flask, request, jsonifyapp = Flask(__name__)openai.api_key = '**my key is in here**'@app.route('/', methods=['POST'])
def chat():data = request.get_json()message = data.get('message')response = openai.Completion.create(model="gpt-3.5-turbo",  prompt=message,max_tokens=50)return {'response': response.choices[0].text.strip()}if __name__ == '__main__':app.run(port=5000)

async function sendMessage() {const message = document.getElementById('message').value;document.getElementById('chat-box').innerHTML += `<div>You: ${message}</div>`;const response = await fetch('/', {method: "POST",body: JSON.stringify({ message }),headers: {'Content-Type': 'application/json',},});const data = await response.json();document.getElementById('chat-box').innerHTML += `<div>Bot: ${data.reply}</div>`;document.getElementById('message').value = '';}

I tried changing up the structure of the code, I uninstalled Flask and reinstalled it again. I've also extensively used chatgpt to try and come up with better code but it just kept taking me in circles. I'm hoping someone can help with this. I even tried a simple server that just said hello world which worked, but I truly think the issue might be with my javascript. Also, I am a beginner and this is supposed to be one of my first coding projects so please take it easy on me if possible. Thanks.

我尝试更改代码的结构，卸载并重新安装了Flask。我还广泛使用了chatgpt来尝试编写更好的代码，但它只是让我在原地打转。我希望有人能帮忙解决这个问题。我甚至尝试了一个简单的服务器，它只是输出“hello world”，这个是可以工作的，但我真的认为问题可能出在我的JavaScript上。另外，我是个初学者，这应该是我的第一个编程项目之一，所以如果可能的话，请对我宽容一些。谢谢。

问题解决：

You have to add a route for '/' to serve the html file. I also fixed the way you call the OpenAI API because you're using a deprecated one.

你需要添加一个针对'/'的路由来提供HTML文件。我还修复了你调用OpenAI API的方式，因为你正在使用一个已弃用的版本。

import openai
from flask import Flask, request, jsonify, render_templatechat_client = OpenAI(api_key='....')@app.route('/')
def index():return render_template('index.html')@app.route('/', methods=['POST'])
def chat():data = request.get_json()message = data.get('message')response = chat_client.chat.completions.create(model="gpt-3.5-turbo",messages=[{"role": "user", "content": message}],max_tokens=50)return jsonify({'reply': response.choices[0].message.content.strip()})if __name__ == '__main__':app.run(port=5000, debug=True)

sample index.html that I tested with

我测试时使用的示例 index.html 文件

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Chat app</title><script>async function sendMessage() {const message = document.getElementById('message').value;document.getElementById('chat-box').innerHTML += `<div>You: ${message}</div>`;const response = await fetch('/', {method: "POST",body: JSON.stringify({ message }),headers: {'Content-Type': 'application/json',},});const data = await response.json();document.getElementById('chat-box').innerHTML += `<div>Bot: ${data.reply}</div>`;document.getElementById('message').value = '';}</script>
</head>
<body><div id="chat-box"></div><input type="text" id="message" placeholder="Type your message here..."><button onclick="sendMessage()">Send</button>
</body>
</html>

Directory structure 目录结构

- app.py
- templates/- index.html

How can I fix my Flask server‘s 405 error that includes OpenAi api?

问题背景：

问题解决：

相关文章：

How can I fix my Flask server‘s 405 error that includes OpenAi api?

LeetCode Hot100 将有序数组转换为二叉搜索树

【Linux】线程的控制

Vue3自研开源Tree组件：人性化的拖拽API设计

MYSQL--触发器详解

C++实用指南：Lambda 表达式的妙用

FastAPI（七十八）实战开发《在线课程学习系统》接口开发-- 评论

基于springboot+vue+uniapp的居民健康监测小程序

TypeScript基础【学习笔记】

树莓派物联网服务器搭建流程：集成 Node.js、InfluxDB、Grafana 和 MQTT 协议

typescript 断言

期刊评价指标及其查询方法

巴斯勒相机(Basler) ACE2 dart 系列说明和软件

【Pycharm中anaconda使用介绍】

2024下半年，前端的技术风口来了

Spock Unit Test in Java

:= 符号python

UPLOAD-LABS靶场[超详细通关教程，通关攻略]

测试面试宝典（三十七）—— 接口测试中的加密参数如何处理？

秋招突击——7/23——百度提前批面试准备和正式面试

LBE-LEX系列工业语音播放器|预警播报器|喇叭蜂鸣器的上位机配置操作说明

生成xcframework

在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：

遍历 Map 类型集合的方法汇总

Day131 | 灵神 | 回溯算法 | 子集型子集

智能在线客服平台：数字化时代企业连接用户的 AI 中枢

MVC 数据库

《通信之道——从微积分到 5G》读书总结

Linux云原生安全：零信任架构与机密计算

论文浅尝 | 基于判别指令微调生成式大语言模型的知识图谱补全方法（ISWC2024）