在现代Web开发中，FastAPI以其高性能和简洁的代码结构成为了构建RESTful API的热门选择。而Axios则因其基于Promise的HTTP客户端特性，成为了前端与后端交互的理想工具。本文将介绍FastAPI和Axios的结合使用，通过一个用户增删改查（CRUD）接口的实例，展示如何构建和请求API。
FastAPI简介FastAPI是一个现代、快速的Web框架，用于构建API。它基于Python 3.6+类型提示，结合了Pydantic和Starlette的功能，提供了数据验证和序列化。FastAPI的核心优势在于其高性能、易用性、自动化文档生成以及对现代Python编程实践的深度支持。
Axios是一个基于Promise的HTTP客户端，广泛用于浏览器和Node.js环境。它以其简洁的API和强大的功能，成为了现代Web开发中不可或缺的工具。Axios的核心特性包括从浏览器创建XMLHttpRequests、从Node.js创建http请求、支持Promise API、拦截请求和响应、转换请求和响应数据、取消请求等。
FastAPI开发用户CRUD接口案例以下是一个使用FastAPI和SQLModel实现用户CRUD操作的简单案例：
1. 安装依赖首先，确保安装了FastAPI和SQLModel：
pip install fastapi uvicorn sqlmodel
2. 定义模型在models.py中定义用户模型：
from sqlmodel import SQLModel, Fieldclass UserBase(SQLModel): name: str age: int = Field(default=None, nullable=True)class User(UserBase, table=True): id: int = Field(default=None, primary_key=True)
3. 创建数据库引擎在database.py中设置数据库连接和表：
from sqlmodel import create_engineDATABASE_URL = "sqlite:///./test.db"engine = create_engine(DATABASE_URL)
4. 实现CRUD操作在crud.py中实现CRUD操作：
from models import Userfrom database import enginefrom sqlmodel import Session, selectdef get_user(user_id: int): stmt = select(User).where(User.id == user_id) with Session(engine) as session: return session.exec(stmt).first()def create_user(user: User): with Session(engine) as session: session.add(user) session.commit() session.refresh(user) return userdef update_user(user_id: int, user: User): user.id = user_id with Session(engine) as session: session.add(user) session.commit() session.refresh(user) return userdef delete_user(user_id: int): user = get_user(user_id) if user: with Session(engine) as session: session.delete(user) session.commit() return True return False
5. 创建API端点在main.py中创建API端点：
from fastapi import FastAPI, HTTPException, Dependsfrom database import enginefrom crud import create_user, get_user, update_user, delete_userfrom models import Userapp = FastAPI()@app.on_event("startup")def on_startup(): SQLModel.metadata.create_all(engine)@app.post("/users/", response_model=User)def create_user_endpoint(user: User): return create_user(user)@app.get("/users/{user_id}", response_model=User)def read_user(user_id: int): user = get_user(user_id) if not user: raise HTTPException(status_code=404, detail="User not found") return user@app.put("/users/{user_id}", response_model=User)def update_user_endpoint(user_id: int, user: User): user.id = user_id updated_user = update_user(user_id, user) if not updated_user: raise HTTPException(status_code=404, detail="User not found") return updated_user@app.delete("/users/{user_id}", response_class=HTTPException)def delete_user_endpoint(user_id: int): if not delete_user(user_id): raise HTTPException(status_code=404, detail="User not found") return {"detail": "User deleted"}
使用Axios请求FastAPI接口1. 安装Axios在项目中安装Axios：
npm install axios
2. 请求用户数据获取用户列表axios.get('http://localhost:8000/users') .then(response => { console.log(response.data); }) .catch(error => { console.error('Error fetching users:', error); });
创建新用户axios.post('http://localhost:8000/users', { name: 'John Doe', age: 30}).then(response => { console.log(response.data);}).catch(error => { console.error('Error creating user:', error);});
更新用户信息axios.put('http://localhost:8000/users/1', { name: 'John Doe Updated', age: 31}).then(response => { console.log(response.data);}).catch(error => { console.error('Error updating user:', error);});
删除用户axios.delete('http://localhost:8000/users/1') .then(response => { console.log(response.data); }) .catch(error => { console.error('Error deleting user:', error); });
结论FastAPI和Axios的结合为现代Web应用开发提供了一个强大而灵活的平台。FastAPI的高性能和易用性，结合Axios的简洁API和强大的HTTP客户端功能，使得从后端到前端的整个开发流程变得更加高效和可靠。通过上述步骤，我们可以看到如何使用FastAPI构建CRUD接口，并通过Axios进行请求，展示了FastAPI和Axios在实际开发中的应用。
