django：通过 nginx 提供静态文件

Question

我正在为 django 使用 apache+mod_wsgi。
并且所有 css/js/images 都通过 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>

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

    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/script URL 中的主机名匹配。将您的配置声明为此接口的默认配置：端口对 (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/;    
     }    
 } 

我刚刚使用^ 将静态标记为正则表达式，并且 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>

另外，像这样使用静态文件应用程序模板标签更标准：

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

Docs Here

Answer 5

Fim & Alexander - 感谢那些帮助的提示。
这是我为困在同一条船上的人解决它的方法 -

settings.py -

>MEDIA_ROOT = ''    
MEDIA_URL = 'http://x.x.x.x:8000/static/'    

在我的 html 中 -

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

在我看来.py -

return render_to_response('templates/login-register.html', {},
                          context_instance=RequestContext(request));    

nginx 在站点可用的配置文件中 -

listen x.x.x.x:8000;    
server_name x.x.x.x.;

重启 nginx
重启 apache