来自react的 422(不可处理实体)的 axios 发布请求错误

IT技术 reactjs sqlalchemy axios fastapi
2022-07-16 23:41:34

来自 FastAPI 和 sqlalchemy

@app.post("/users")
    def create_users(email: str, pwd: str, first_name: str, last_name: str, phone_number: str, city: str):
        user = UserTable()
        user.email = email
        user.pwd = pwd
        user.first_name = first_name
        user.last_name = last_name
        user.phone_number = phone_number
        user.city = city
    

        session.add(user)
        session.commit()
    
        return f"{email} created..."

react axios.post 请求

const addUserHandler =  () => {
        console.log(email, pwd, first_name, last_name, phone_number, city);
        axios
            .post('http://localhost:8000/users', {
                email: email,
                pwd: pwd,
                first_name: first_name,
                last_name: last_name,
                phone_number: phone_number,
                city: city,
            })
            .then((res) => console.log(res.data))
            .catch((error) => {
                console.log(error.response.data);
            });
        console.log(city);
    };

下面是错误代码

xhr.js:177 POST http://localhost:8000/users 422 (Unprocessable Entity)
App.js:37 
{detail: Array(6)}
detail: Array(6)
0: {loc: Array(2), msg: "field required", type: "value_error.missing"}
1: {loc: Array(2), msg: "field required", type: "value_error.missing"}
2: {loc: Array(2), msg: "field required", type: "value_error.missing"}
3: {loc: Array(2), msg: "field required", type: "value_error.missing"}
4: {loc: Array(2), msg: "field required", type: "value_error.missing"}
5: {loc: Array(2), msg: "field required", type: "value_error.missing"}
length: 6
__proto__: Array(0)
__proto__: Object

代码来自 react & axios,我收到 422 错误,无法发布。我确实检查了变量(useState)有一个每个字符串。但错误仍然显示“必填字段”和“value_error.missing”。我该如何解决?

感谢您的回复!

1个回答

问题是您在 url (fastapi) 中期待“查询参数”,而不是 json 正文。

所以,

@app.post("/users")
    def create_users(email: str, pwd: str, first_name: str, last_name: str, phone_number: str, city: str):

期待类似的东西

/users?email=a&pwd=b&first_name=c...

尝试使用Pydantic 模型,这样 fastapi 将等待请求中的主体。