使用nginx部署Django靜態文件配置

首先,我們配置靜態文件,要在setting.py里面加入如下幾行代碼:

# settings.py
 
# the settings above
# STATIC SETTINGS
STATIC_URL = '/static/'

# BASE_DIR 是項目的絕對地址
STATIC_ROOT = os.path.join(BASE_DIR, 'static')


#以下不是必須的
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
) 

1.STATIC_ROOT

STATIC_ROOT 是在部署靜態文件時(pyhton manage.pyc ollectstatic)所有的靜態文靜聚合的目錄,STATIC_ROOT要寫成絕對地址,在這里,比如我的項目mysite是/home/mysite/
那么STATIC_ROOT 為 /home/mysite/static/

當部署項目時,在終端輸入:

python manage.py collectstatic

django會把所有的static文件都復制到STATIC_ROOT文件夾下 (意思是說會把每個app組件下的static文件夾都收集下來放在這個統一的目錄下)

應用app引用靜態文件的時候不會再從自己目錄下的static中引用了，而是從這個聚合目錄下引用

2.STATICFILES_DIRS

STATIC_ROOT 是在部署的時候才發揮作用, 而實際情況下,靜態文件的一般安放位置有兩種:

1.一種就是在每個app里面新建一個static文件夾,將靜態文件放到里面,在加載靜態文件時,比如要在模板中用到靜態文件,django會自動在每個app里面搜索static文件夾(所以,不要把文件夾的名字寫錯哦, 否則django就找不到你的文件夾了)

2.另一種,就是在所有的app文件外面,建立一個公共的文件夾, 因為有些靜態文件不是某個app獨有的,那么就可以把它放到一個公共文件夾里面,方便管理(注意,建立一個公共的靜態文件的文件夾只是一種易於管理的做法,但是不是必須的,app是可以跨app應用靜態文件的,因為最后所有的靜態文件都會在STATIC_ROOT里面存在)

那現在的問題是如何讓django知道你把一些靜態文件放到app以外的公共文件夾中呢,那就需要配置STATICFILES_DIRS了

STATICFILES_DIRS = (
os.path.join(BASE_DIR, 'static'),
)

STATICFILES_DIRS告訴django,首先到STATICFILES_DIRS里面尋找靜態文件,其次再到各個app的static文件夾里面找(注意, django查找靜態文件是惰性查找,查找到第一個,就停止查找了)

3.STATIC_URL

那么到此為止,靜態文件的機制就可以運作了,但是有一個問題,我能不能通過url直接訪問我在項目中的靜態文件呢,答案肯定是啦,但是,注意,你是在瀏覽器是訪問,你不可能輸入你的靜態文件的本地絕對地址吧,比如我的一種圖片的本地地址為 /home/mysite/static/myapp/photo.png
那么別人不可能在瀏覽器上直接輸入:
http://192.168.1.2:8000/home/mysite/static/myapp/photo.png
這樣子,瀏覽器會報錯, 沒有該頁面
那么django是如何讓瀏覽器也可以訪問服務器上的靜態文件呢,前面已經說了,直接訪問服務器本地的地址是不行的,那就需要一個映射,django利用STATIC_URL來讓瀏覽器可以直接訪問靜態文件,比如:

STATIC_URL = '/static/'

那么可以在瀏覽器上輸入:
http://192.168.1.2:8000/static/static/myapp/photo.png
那么就相當與訪問/home/mysite/static/myap/photo.png

所以在瀏覽器上,利用前綴 STATIC_URL的具體內容,來映射STATIC_ROOT,
HTTP://192.168.1.2:8000/static 相當於 本地地址的STATIC_ROOT

總結

1.開發的時候開啟debug調試模式，每個應用app的靜態文件放在各自的應用目錄下
2.部署的時候關閉debug調試模式，使用nginx部署訪問，按下面的操作訪問項目的靜態文件
具體操作：
1.settings.py文件中配置

# 配置靜態文件url
STATIC_URL = '/static/'

# 配置聚合靜態文件存放目錄，需要在根目錄下事先創建這個目錄
STATIC_ROOT = os.path.join(BASE_DIR, "static")

# 配置上傳文件上傳url
MEDIA_URL = "/media/"

# 配置上傳文件上傳存放目錄，需要在根目錄下事先創建這個目錄
MEDIA_ROOT = os.path.join(BASE_DIR, "media")

2.執行收集每個應用app下的靜態文件到聚合靜態文件目錄下

python manage.py collectstatic

把以前放在app下static中的靜態文件全部拷貝到 settings.py 中設置的 STATIC_ROOT 文件夾中

3.nginx 示例代碼

location /media  {
    alias /path/to/project/media;
}
 
location /static {
    alias /path/to/project/collected_static;
}

nginx完整配置

server {
  listen  80;
  server_name www.xxxx.com;
  
  location / {
    proxy_pass  http://127.0.0.1:8000/;
    proxy_http_version 1.1;
    proxy_pass_header Authorization;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  }
  
  location /media  {
    alias /path/to/project/media;
  }
 
  location /static {
    alias /path/to/project/static;
  }

}