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
,就是前端必须这样访问:<img src="/static/img/mylogo.jpg" />
<img src="/img/mylogo.jpg" />
。就达到前端从根目录访问的目的了。/static
,就是指明你后端的资源文件,是放在<your project>/static/
目录下,一般不需要改动。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') }}" />