django:通过nginx提供静态文件

Question

我正在为django使用apache + mod_wsgi.
并且所有css/js /图像都通过nginx.
出于某种奇怪的原因,当其他人/朋友/同事尝试访问该网站时,jquery/css没有为他们加载,因此页面看起来混乱了.

我的html文件使用这样的代码 -

<link rel="stylesheet" type="text/css" href="http://x.x.x.x:8000/css/custom.css"/>
<script type="text/javascript" src="http://1x.x.x.x:8000/js/custom.js"></script>

我的nginx配置sites-available是这样的 -

    server {   
         listen   8000;   
         server_name  localhost;

         access_log  /var/log/nginx/aa8000.access.log;    
         error_log  /var/log/nginx/aa8000.error.log;    

           location / {   
               index  index.html index.htm;    
           }    

         location /static/ {    
            autoindex on;    
            root   /opt/aa/webroot/;    
         }    
     }   

有一个目录/opt/aa/webroot/static/已相应css及js目录.

奇怪的是,当我访问它们时页面显示正常.
我已经清除了我的缓存/等,但是从各种浏览器中我可以正常加载页面.

另外,我没有在nginx日志文件中看到404任何错误.

任何指针都会很棒.

Answer 1

我认为root在位置块中使用是不正确的.我使用alias它并且工作正常,即使没有重新配置django.

# django settings.py
MEDIA_URL = '/static/'

# nginx server config
server {   
    ...
    location /static {    
        autoindex on;    
        alias /opt/aa/webroot/;    
    }
}

希望这会让事情变得更简单.

Answer 2

1. server_name必须与link/ scriptURL 中的主机名匹配.将您的配置声明为此接口的默认配置:port pair(listen 8000 default)
2. Nginx必须侦听主机IP绑定的接口(在您的情况下似乎没问题)

Answer 3

我也为此感到挣扎。但是，以下技巧对我有用：

server {   
     listen   8000;   
     server_name  localhost;

     access_log  /var/log/nginx/aa8000.access.log;    
     error_log  /var/log/nginx/aa8000.error.log;    

       location / {   
           index  index.html index.htm;    
       }    

     location ^/static/ {    
        autoindex on;    
        root   /opt/aa/webroot/;    
     }    
 } 

我只是将static标记为regex，^nginx开始提供静态文件。无需在Django端进行修改。

Answer 4

MEDIA_URL不得用于提供像js等静态内容.Django提供了一个可以使用的单独的STATIC_URL设置选项.

所以这可以改为

<script type="text/javascript" src="{{STATIC_URL}}js/jquery-1.3.2.min.js"></script>

此外,它更标准地使用静态文件app templatetag,如下所示:

{% load static from staticfiles %}
<script type="text/javascript" src="{% static 'js/jquery-1.3.2.min.js' %}"></script>

文件在这里