1. 程式人生 > >Django 無法載入靜態檔案(js,css,image)解決辦法

Django 無法載入靜態檔案(js,css,image)解決辦法

原因:django部署方式比較特別,採用靜態檔案路徑:STATICFILES_DIRS的部署方式,之前你寫的相對路徑,絕對路徑因為缺少靜態檔案路徑而全部失效

但完全按照他的方法仍舊沒有解決我的問題,但我覺得思路是對的,可能在細節上出了點錯誤,果不其然,是配置STATIC_ROOT時,路徑不對,正確方法如下:
步驟1:在settings.py檔案的最後加上以下內容:
STATIC_URL = ‘/static/’
#其中BASE_DIR在該檔案的前面已經定義了
STATIC_ROOT = os.path.join(BASE_DIR,’static’)
# 設定圖片等靜態檔案的路徑
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(‘\’,’/’) ),
)
步驟2:在urls.py檔案的開頭第一行和第二行分別加上以下內容:
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from django.contrib import staticfiles
在urls.py檔案最後加上以下內容:
#設定靜態檔案路徑
urlpatterns += staticfiles_urlpatterns()

步驟3:設定靜態檔案的目錄,很關鍵
整個檔案的目錄結構如下
project—project
—app
|
—-static
|
—–templates
你的static和templates處於同級目錄,然後將你的images,css,js資料夾放在static目錄下面
測試:在你模板,也就是html檔案中

<p><img src="/static/images/bg_information.png.png"  width="980" height="180"></p> 

改成自己的圖片名稱,注意圖片字首:/static/images/ 別寫成 static/images/ 這樣會無法顯示