背景

在公司中我们可能会遇到类似于小看板、小工具之类的开发，简单的页面开发我们需要的是快速王完成需求，减少笨重的框架的使用。

技术栈

fastapi0.116.1+ vue 3+ 1panel

使用技巧

1. 通过fastapi 返回vue打包后的静态文件，实现前后端的一体部署。
2. 通过vue3 + vite 打包加快开发速度
3. 1panel 中有现成的python 容器可供fastapi 一键部署

关键代码

# 配置静态资源和模板服务
app.mount("/assets", StaticFiles(directory="frontend/dist/assets"), name="assets")
templates = Jinja2Templates(directory="frontend/dist")

# 配置访问首页的处理逻辑
@app.get("/")
async def root(request: Request):
    return templates.TemplateResponse("index.html", {"request": request})

1panel 配置

pip install -r requirements.txt -i https://mirrors.cloud.tencent.com/pypi/simple && uvicorn main:app --env-file .env.prod --host 0.0.0.0 --port 5000