django 模板使用css js

Django静态资源配置

最新推荐文章于 2023-06-26 21:49:39 发布

转载最新推荐文章于 2023-06-26 21:49:39 发布 · 1.1k 阅读

文章标签：

#python #django

python 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何正确配置Django项目的静态资源，包括CSS、JS等文件的路径设置，确保浏览器能够正常加载这些资源。

开启 settings.py 中的 DEBUG = True
同时我们还会做如下操作:

1. 设置 STATIC_ROOT = os.path.join(os.path.dirname(__file__),'static')

2.设置 STATIC_URL = '/static/'

以上两步我想一般都会提到，但即使你做了这样的配置，当你在浏览器中浏览你的CSS或JS 文件，仍然是 404 错误，说明路径错误，根本找不到。

比如我的工程如下：

你如果输入http://localhost:8000/static/js/myjs.js肯定出错。经过多次试验，按如下方法可以解决
配置STATICFILES_DIRS
比如我的工程配置如下：

STATICFILES_DIRS = (
    ('css',os.path.join(STATIC_ROOT,'css').replace('\\','/') ),
    ('js',os.path.join(STATIC_ROOT,'js').replace('\\','/') ),
    ('images',os.path.join(STATIC_ROOT,'images').replace('\\','/') ),
    ('upload',os.path.join(STATIC_ROOT,'upload').replace('\\','/') ),
)

注意前面的css,js,images,upload 一定要与你的目录结构名称保持一致。
配置好了你再次启动django ,然后访问:http://localhost:8000/static/js/myjs.js就看到结果了，说明找到路径,同样css,image图片都可以找到了.

原文传送门：http://my.oschina.net/wenhaowu/blog/197035

github参考：https://github.com/evilbinary/myblog/tree/master/wsgi/mysite/blog （django写的Blog，参考）