前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flask配置静态资源

Flask配置静态资源

作者头像
菲宇
发布2020-03-26 16:19:05
2.2K0
发布2020-03-26 16:19:05
举报
文章被收录于专栏:菲宇

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') }}" />

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档