Django 无法加载静态文件(js,css,image)解决办法
按照这个配置成功:
https://jingyan.baidu.com/article/8cdccae92ffc16315413cd09.html
原因:django部署方式比较特别,采用静态文件路径:STATICFILES_DIRS的部署方式,之前你写的相对路径,绝对路径因为缺少静态文件路径而全部失效
可以参考这篇文章:
http://www.cnblogs.com/pyfreshman/p/5046887.html
但完全按照他的方法仍旧没有解决我的问题,但我觉得思路是对的,可能在细节上出了点错误,果不其然,是配置STATIC_ROOT时,路径不对,正确方法如下:
步骤1:在settings.py文件的最后加上以下内容:
STATIC_URL = ‘/static/’
#其中BASE_DIR在该文件的前面已经定义了
STATIC_ROOT = os.path.join(BASE_DIR,’static’)
# 设置图片等静态文件的路径
STATIC_URL = '/static/'
STATICFILES_DIRS = (
# Put strings here, like "/home/html/static" or "C:/www/django/static".
# Always use forward slashes, even on Windows.
# Don't forget to use absolute paths, not relative paths.
os.path.join(BASE_DIR, 'static'),
)
步骤2:在urls.py文件的开头第一行和第二行分别加上以下内容:
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from django.contrib import staticfiles
在urls.py文件最后加上以下内容:
#设置静态文件路径
urlpatterns += staticfiles_urlpatterns()
步骤3:设置静态文件的目录,很关键
static与templates在同级目录
整个文件的目录结构如下
project—project
—app
|
—-static
|
—–templates
你的static和templates处于同级目录,然后将你的images,css,js文件夹放在static目录下面
测试:在你模板,也就是html文件中
<script src="static/js/h5splayerhelper.js"></script>
<link rel = "stylesheet" type = "text/css" href = "static/css/h5splayer.css" />
<p><img src="/static/images/bg_information.png.png" width="980" height="180"></p>
改成自己的图片名称,注意图片前缀:/static/images/ 别写成 static/images/ 这样会无法显示