专栏首页菲宇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 条评论
登录 后参与评论

相关文章

  • 为Django网站添加favicon.ico图标

    默认情况下,浏览器访问一个网站的时候,同时还会向服务器请求"/favicon.ico"这个URL,目的是获取网站的图标。

    菲宇
  • HTTPS和SSL/TLS协议

    要说清楚 HTTPS 协议的实现原理,至少需要如下几个背景知识。 1. 大致了解几个基本术语(HTTPS、SSL、TLS)的含义 2. 大致了解 HTTP ...

    菲宇
  • prometheus简介

    prometheus是一个最初在SoundCloud上构建的开源系统监控和警报工具包 。 从2012年开始,许多公司和组织开始使用Prometheus,该项目...

    菲宇
  • Java下static关键字用法详解

      本文章介绍了java下static关键字的用法,大部分内容摘自原作者,在此学习并分享给大家。

    哲洛不闹
  • 【Java学习笔记之十五】Java中的static关键字解析

    Java中的static关键字解析   static关键字是很多朋友在编写代码和阅读代码时碰到的比较难以理解的一个关键字,也是各大公司的面试官喜欢在面试时问到的...

    Angel_Kitty
  • Java中的static关键字解析

      static关键字是很多朋友在编写代码和阅读代码时碰到的比较难以理解的一个关键字,也是各大公司的面试官喜欢在面试时问到的知识点之一。下面就先讲述一下stat...

    Java团长
  • 深入理解static关键字

    如果给一个属性加上static,那么这个属性不再属于某一个对象了,而是属于N个对象,共用同一个static属性。

    爱学习的孙小白
  • java中static关键字的用法和注意点

    package com.javabase.keywords; public class KeyWord { static int id = 1; ...

    gfu
  • 理解PHP的延迟静态绑定

    static::中的static其实是运行时所在类的别名,并不是定义类时所在的那个类名。这个东西可以实现在父类中,能够调用子类的方法和属性。

    zlmai
  • Spring boot web程序static资源放在jar外部

    spring boot程序的static目录默认在resources/static目录, 打包为jar的时候,会把static目录打包进去,这样会存在一些问题:...

    用户1177380

扫码关注云+社区

领取腾讯云代金券