三十八 FastAPI 学习之路Static Files

如果使用前后台不分离的开发方式，那么模板文件中使用的静态文件，比如css/js等文件的目录需要在后台进行配置，以便模板渲染是能正确读到这些静态文件。那么我们应该如何处理呢。
    首先安装依赖
pip install aiofiles我们看下如何使用
      我们去定义一个页面，展示我们对应的一张图片。
    我们看下代码如何实现
1.创建两个目templates和static

文章插图
2.分别去放置一个文件test.png和home.html
home.html代码如下
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><body><img src="https://tazarkount.com/read/{{ url_for('static',path='/test.png') }}" style="width: 100px;height: 100px"></body></html> 3. 我们看下如何在fastapi中使用
from fastapi.staticfiles import StaticFilesfrom fastapi.templating import Jinja2Templatesfrom fastapi import FastAPI, Requestapp = FastAPI()templates = Jinja2Templates(directory="./templates")app.mount("/static", StaticFiles(directory="./static"), name="static")@app.get("/")def home(request: Request):return templates.TemplateResponse("home.html",{"request": request})通过mount将StaticFiles实例挂载到一个特定的路径上。其中StaticFile类中传递的directory参数是项目中静态文件的目录。
然后我们启动下。访问下看看效果

文章插图
我们已经实现我们设计的效果，很简单。
文章首发在公众号，欢迎关注。
【三十八 FastAPI 学习之路Static Files】

文章插图