需要在setting中修改配置
STATIC_URL = '/static/' # 也可以起别名,防止别人通过f12知道你的路径
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static') # 后面的static就是项目中存放静态文件的文件夹名称
]
目录:别名也是一种安全机制,浏览器上通过调试台你能够看到的是别名的名字,这样别人就不能知道你静态文件夹的名字了,不然别人就能通过这个文件夹路径进行攻击。
{% static %}
{% load static %}
<img src="{% static "images/hi.jpg" %}" alt="Hi!" />
#引用JS文件时使用:
<script src="{% static "mytest.js" %}"></script>
#某个文件多处被用到可以存为一个变量
{% static "images/hi.jpg" as myphoto %}
<img src="{{ myphoto }}"></img>
{% get_static_prefix %}
{% load static %}
<img src="{% get_static_prefix %}images/hi.jpg" alt="Hi!" />
#或者
{% get_static_prefix as STATIC_PREFIX %}
<img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" />
<img src="{{ STATIC_PREFIX }}images/hi2.jpg" alt="Hello!" />
#注意一个html文件中写相对路径时需要注意的一个问题:
#例子:
<form action="/login/"></form>
<img src="/static/1.jpg" alt="">
标签需要写路径的地方,如果写的是相对路径,
那么前置的/这个斜杠必须写上,
不然这个请求会拼接当前网页的路径来发送请求,
就不能匹配我们的后端路径了