题意：解决包含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, jsonify
- app = 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 = '';
- }
我尝试更改代码的布局，卸载并重新安装了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_template
- chat_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)
我测试时使用的示例 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>
- - app.py
- - templates/
- - index.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
