Flask配置靜態資源

1. 簡介
flask可對實例、配置模板文件路徑、靜態文路徑進行配置
Flask(import_name, static_url_path=None, static_folder='static', static_host=None, host_matching=False, subdomain_matching=False, template_folder='templates', instance_path=None, instance_relative_config=False, root_path=None)

  • static_url_path:前端訪問資源文件的前綴目錄。默認是/static,就是前端必須這樣訪問:<img src="/static/img/mylogo.jpg" />
  • 我們改成 '',就可以這樣訪問了:<img src="/img/mylogo.jpg" />。就達到前端從根目錄訪問的目的了。
  • static_folder:後端存儲資源文件的目錄。默認是/static,就是指明你後端的資源文件,是放在<your project>/static/目錄下,一般不需要改動。
  • template_folder: template模板目錄, 默認當前項目中的 templates 目錄

2. 實例講解
# 默認Flask目錄結構
/app.py
/static
    /js
    /css
    /img
/templates
    /index.html
前端訪問後臺靜態資源,是通過/static/file.name

方式一

<link as=style href="/static/css/test.css" rel=preload>
<img src="/static/img/logo.jpg" />
方式二

通過url_for解析出路徑顯示出來

<link as=style href="{{ url_for('static', filename='css/test.css') }}" rel=preload>
<img src="{{ url_for('static', filename='img/logo.jpg') }}" />

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章