【发布时间】：2022-10-25 23:01:23
【问题描述】：
我有一个使用以下 Python 代码在 FastAPI 上运行的本地服务器：
from typing import Union
from fastapi import FastAPI
from pydantic import BaseModel
from fastapi.middleware.cors import CORSMiddleware
app = FastAPI()
origins = [
"*"
'''
"http://localhost:8000/add_points/",
"http://localhost:8000/check_points/",
"http://localhost:8000/check_item_points/",
"http://localhost:8000/redeem_points/"
'''
]
app.add_middleware(
CORSMiddleware,
allow_origins=origins,
allow_credentials=True,
allow_methods=["*"],
allow_headers=["*"],
)
users = {"matt": 0}
items = {"ticket": 7}
class User(BaseModel):
name: str
points: float
item: str
class AddTransaction(BaseModel):
name: str
points: float
class UserPoints(BaseModel): # anything that extnds this base model is a pyantic model
name: str
points: float
class Item(BaseModel):
name: str
points: float
# -----Post Requests-----
@app.post("/add_points/")
def add_points(add_transaction: AddTransaction):
global users
user_id = add_transaction.name
points = add_transaction.points
users[user_id] = users.get(user_id, 0) + points
return users[user_id]
@app.post("/check_points/")
def check_points(user_points: UserPoints):
global users
user_id = user_points.name
points = user_points.points
return users[user_id], points
@app.post("/check_item_points/")
def check_item_points(item: Item):
global items
item_id = item.name
points = item.points
return item[item_id], points
@app.post("/redeem_points/") # user spends points (they lose points) gain an item
def redeem_points(add_transaction: AddTransaction, user_points: UserPoints, item: Item, user: User):
global users
global items
user_id = add_transaction.name
user_points = user_points.points
item_points = item.points
item_pre = item.name
item_post = user.item
if user_points >= item_points:
user_points == user_points - item_points
item_post == item_pre
return users[user_id], users[user_points], users[item_post]
else:
return "insufficient funds"
# -----Get Requests-----
@app.get("/")
def read_root():
return {"Hello": "World"}
# -----Put Requests-----
""""
@app.put("/items/{item_id}")
def update_item(item_id: int, item:Item):
return {"item_name": item.name, "item_id": item_id}
"""
if __name__ == "__main__":
import uvicorn
uvicorn.run(app, host="0.0.0.0", port=8000)
我还有一个 HTML 脚本，只需单击按钮即可将发布请求发送到http://localhost:8000/add_points/。这是代码：
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<body>
<br><br><br><span style="text-align: center;"><button id="send">Send Request</button></span>
</body>
<script>
$("#send").on("click", evt => {
$.post("http://localhost:8000/add_points/",
{
name: "string",
points: 5.0
},
function(data, status){
alert("Data: " + data + "\nStatus: " + status);
});
});
</script>
</html>
但是，当我尝试发送 POST 请求时，我在 PyCharm 中收到以下错误：
信息：127.0.0.1:49413 - “OPTIONS /add_points/ HTTP/1.1” 400 错误请求
信息：127.0.0.1:49413 -“POST /add_points/ HTTP/1.1”422 无法处理的实体
我知道这些错误中至少有一个源于 CORS 政策限制，但是，这个项目是针对那些应该不是必须安装任何浏览器扩展来覆盖该策略。任何有关如何解决这些错误的建议将不胜感激！
编辑更新：
const url = new URL('localhost:8000/add_points/'); $("#send").on("click", evt => { fetch(url, { method: 'POST', headers: {'Accept': 'application/json', 'Content-Type': 'application/json'}, body: JSON.stringify({"name":"John", "points":50.0}) }).then().catch((error) => { console.log(error.message); }); });我仍然收到
400 Bad Request错误。
【问题讨论】：
-
..你永远不必覆盖 CORS 策略.但是，这似乎不是 CORS 问题。
-
我在我的 HTML 中做了一些编辑，我的点击现在是这样的： const url = new URL('localhost:8000/add_points/'); $("#send").on("click", evt => { fetch(url, { method: 'POST', headers: {'Accept': 'application/json', 'Content-Type': 'application /json'}，正文：JSON.stringify({"name":"John", "points":50.0}) }).then().catch((error) => { console.log(error.message) ; }); });我仍然收到 400 错误（错误请求）。我确定 Python 代码是正确的，因此非常感谢任何建议。
-
@mattsap 请查看answer below。