1.需要配置settings
# 静态文件目录 STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static')
2.页面加载静态文件
{% load static %} 加载静态文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } </style>
<script src="{% static "js/hello_word.js" %}"></script> 加载static目录下的文件 通过/, 最前面也可以加/js/hello_word.js
<script src="{% static "hello_word.js" %}"></script> 加载static下的js和css <link rel="stylesheet" href="{% static 'hello_world.css' %}"> </head> <body> <div class="box">这是引入js,css案例<div>
<img src="{% static 'images/fruit.jpg' alt='' %}"> 引入static/images/fruit.jpg
</body> </html>