专栏首页菲宇Flask配置静态资源

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 静态资源配置(静态资源被拦截)

    请注意,本文编写于 331 天前,最后修改于 142 天前,其中某些信息可能已经过时。

    乐心湖
  • Django中静态资源配置

    升级到Django1.5之后,settings中的静态文件配置和之前不太一样,应该主要是路径问题,自己在settings里乱搞一通之后发现原来只是STATICF...

    the5fire
  • 静态资源配置的问题

    spring boot 的项目是将静态资源打包到.jar 的文件包中, 项目中有碰到需要使用外部静态资源的情况,使用外部资源的一直老出问题,查了google 后...

    潇洒
  • nginx配置静态资源gzip压缩

    用户1437675
  • springboot开发之静态资源配置位置

    可以去https://www.webjars.org/获取各种静态资源的maven格式的代码

    西西嘛呦
  • 【WEB系列】静态资源配置与读取

    SpringWeb项目除了我们常见的返回json串之外,还可以直接返回静态资源(当然在现如今前后端分离比较普遍的情况下,不太常见了),一些简单的web项目中,前...

    一灰灰blog
  • 【WEB 系列】WebFlux 静态资源配置与访问

    上一篇博文介绍 SpringMVC 的静态资源访问,那么在 WebFlux 中,静态资源的访问姿势是否一致呢

    一灰灰blog
  • 【SpringBoot WEB系列】静态资源配置与读取

    SpringWeb项目除了我们常见的返回json串之外,还可以直接返回静态资源(当然在现如今前后端分离比较普遍的情况下,不太常见了),一些简单的web项目中,前...

    一灰灰blog
  • flask assets压缩静态文件(flask 111)

    首先,创建一个Environments实例,并使用它初始化Flask应用,然后将Bundle对象注册到Assets上。

    用户5760343
  • Flask-Assets中文参考

    首先,创建一个Environments实例,并使用它初始化Flask应用,然后将Bundle对象注册到Assets上。

    用户2936342
  • 小白学Flask第二天| app对象的初始化和配置

    难道模板名字叫__main__吗?我应该是我创建的py文件的文件名吗?其实这里有一个小知识点,当我们把某个模板当做启动模板时,那么这个模板的__name__会默...

    Python进击者
  • 【SpringBoot WEB系列】WebFlux静态资源配置与访问

    上一篇博文介绍SpringMVC的静态资源访问,那么在WebFlux中,静态资源的访问姿势是否一致呢

    一灰灰blog
  • Flask配置Cors跨域

    跨域是指:浏览器A从服务器B获取的静态资源,包括Html、Css、Js,然后在Js中通过Ajax访问C服务器的静态资源或请求。即:浏览器A从B服务器拿的资源,资...

    用户1558882
  • SpringBoot【静态资源】

      SpringBoot中的静态资源的存放路径和我们前面的web项目还是有些区别的,本文我们来介绍下SpringBoot中的静态资源。   springboo...

    用户4919348
  • Spring Boot 设置静态资源访问

    问题描述 当使用spring Boot来架设服务系统时,有时候也需要用到前端页面,当然就不可或缺地需要访问其他一些静态资源,比如图片、css、js等文件。那么如...

    hbbliyong
  • SpringBoot开发案例之配置静态资源文件路径

    前言 SpringBoot本质上是为微服务而生的,以JAR的形式启动运行,但是有时候静态资源的访问是必不可少的,比如:image、js、css 等资源的访问。 ...

    小柒2012
  • SpringBoot开发案例之配置静态资源文件路径

    SpringBoot本质上是为微服务而生的,以JAR的形式启动运行,但是有时候静态资源的访问是必不可少的,比如:image、js、css 等资源的访问。

    小柒2012
  • 【快学springboot】6.WebMvcConfigurer配置静态资源和解决跨域

    有个朋友说:为什么我配置了WebMvcConfigurer,静态资源static依然能访问?!

    Happyjava
  • SpringBoot开发案例之配置静态资源文件路径

    SpringBoot本质上是为微服务而生的,以JAR的形式启动运行,但是有时候静态资源的访问是必不可少的,比如:image、js、css 等资源的访问。

    小柒2012

扫码关注云+社区

领取腾讯云代金券