解決方法:1、正確配置“settings.py”文件里的“STATIC_URL”和“STATIC_ROOT”;2、執(zhí)行“python manage.py collectstatic”命令;3、重啟gunicorn和nginx即可。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
將Django部署到服務器之后,每一次在本地端對網(wǎng)站的修改都需要在服務端進行同步,在寫本文之前,我還以為只是把源碼保持同步就可以了,沒想到卻遇到了今天的問題。
修改了main.css文件之后,然后我通過git對網(wǎng)站進行了同步,代碼已經(jīng)成功同步到了服務器上。但就是無法正常顯示,經(jīng)一番查找探究之后,我發(fā)現(xiàn)了修改css等靜態(tài)文件的正確姿勢…
1.配置文件
首先應該改確保你項目下的settings.py文件已經(jīng)正確配置了STATIC_URL和STATIC_ROOT:
STATIC_URL = '/static/' STATIC_ROOT = os.path.join(BASE_DIR,'static/')
請注意引號里面的"/",多一個或者少一個/",都會使你的修改無法生效,我就是因為這里多了一個"/",翻了車。那這兩個參數(shù)具體是什么意思呢?
STATIC_ROOT是一個絕對地址,它是在Django部署的時候才會用到,它所對應的文件夾是存放被從項目各個地方收集來的靜態(tài)文件,因為一個Django可能有多個APP,相應的,每個APP可能都會有自己的static文件,將各個APP中的靜態(tài)文件收集到一起是為了nginx統(tǒng)一使用。那這些文件是由誰來收集的呢?這個問題會在第二步的時候說到。
STATIC_URL的作用就是為了能夠瀏覽器訪問到你的靜態(tài)文件,起到了一個映射的作用。一般默認設置為"/static/"
2.收集文件
本地css文件同步到服務器之后,只是同步到了對應APP下面的static文件夾里面,但是nginx等調用的是你設置的STATIC_ROOT文件夾下的文件,所以代碼同步之后我們要進行這個非常重要的操作:
python manage.py collectstatic
運行完這條代碼之后,剛剛修改的main.css文件將會被收集到網(wǎng)站根目錄下的static文件中,等待nginx的調用。
3.重啟服務
前兩步做完之后,你還需要重啟一下gunicorn和nginx,不過我沒有重啟也生效了,如果沒有生效的話建議執(zhí)行此步驟。
# 查看gunicorn進程ID pstree -ap | grep gunicorn # 重啟進程 kill -HUP ID
推薦學習:css視頻教程