FastAPI 学习之路（三十八）Static Files

如果使用前后台不分离的开发方式，那么模版文件中使用的静态文件，比如css/js等文件的目录需要在后台进行配置，以便模版渲染是能够正确读取到这些静态文件的。那么我们如何处理呢？

首先安装依赖

pip install aiofiles

我们看下如何使用

我们定义一个页面，展示一张图片

①：创建两个文件夹static和templates

②：分别放置一个home.html和test.png

其中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: 500px;height: 500px"></body>
</html>

③：我们看下在fastapi中如何使用

from fastapi.staticfiles import StaticFiles
from fastapi.templating import Jinja2Templates
from fastapi import FastAPI, Requestapp = FastAPI()templates = Jinja2Templates(directory="./templates")app.mount("/static", StaticFiles(directory="./static"), name="static")@app.get("/")
def home(req: Request):return templates.TemplateResponse("home.html",{"request": req})if __name__ == '__main__':import uvicornuvicorn.run("main:app", reload=True)

通过mount将StaticFiles实例挂载到一个特定的路径上。其中StaticFile类中传递的directory参数是项目中静态文件的目录。

④：启动服务，访问对应接口看效果就可以了

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/870189.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！