FastAPI 学习之路（三十八）Static Files
前言
我们之前分享分享使用FastAPI 学习之路（三十七）元数据和文档 URL，这次我次我们分享静态文件。
正文
如果使用前后台不分离的开发方式，那么模板文件中使用的静态文件，比如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="{{ url_for('static',path='/test.png') }}" style="width: 100px;height: 100px">
</body>
</html>3. 我们看下如何在fastapi中使用
from fastapi.staticfiles import StaticFiles
from fastapi.templating import Jinja2Templates
from fastapi import FastAPI, Request
app = 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参数是项目中静态文件的目录。
然后我们启动下。访问下看看效果
我们已经实现我们设计的效果，很简单。
后记
发现问题，解决问题。遇到问题，慢慢解决问题即可。
欢迎关注雷子说测试开发，后续将会持续为大家分享更多的技术知识
举报
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号