如果使用前后台不分離的開發方式，那么模板文件中使用的靜態文件，比如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參數是項目中靜態文件的目錄。
然后我們啟動下。訪問下看看效果
我們已經實現我們設計的效果，很簡單。
文章首發在公眾號，歡迎關注。
