Django 无法加载静态文件(js,css,image)解决办法

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/ 这样会无法显示

猜你喜欢

转载自blog.csdn.net/jacke121/article/details/81779414