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

一起学python吧

于 2024-07-10 16:57:26 发布

阅读量32

点赞数 1

分类专栏： fastapi 文章标签： fastapi

本文链接：https://blog.csdn.net/myli_binbin/article/details/140328539

版权

fastapi 专栏收录该内容

39 篇文章 28 订阅

订阅专栏

如果使用前后台不分离的开发方式，那么模版文件中使用的静态文件，比如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, Request


app = 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 uvicorn
    uvicorn.run("main:app", reload=True)

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

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

一起学python吧

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
FastAPI 学习之路（三十八）Static Files

如果使用前后台不分离的开发方式，那么模版文件中使用的静态文件，比如css/js等文件的目录需要在后台进行配置，以便模版渲染是能够正确读取到这些静态文件的。那么我们如何处理呢？其中StaticFile类中传递的directory参数是项目中静态文件的目录。②：分别放置一个home.html和test.png。①：创建两个文件夹static和templates。我们定义一个页面，展示一张图片。③：我们看下在fastapi中如何使用。④：启动服务，访问对应接口看效果就可以了。
复制链接

扫一扫