Django + nginx + gunicorn没有加载/提供的静态文件

时间:2015-10-05 15:01:45

标签: css django nginx static gunicorn

我正在采取最后的步骤使我的页面公开,但在设置nginx + gunicorn之后我得到了加载的页面,但是没有任何css正在加载,即使我的nginx-log文件没有显示错误。

这是我的nginx.conf

server {
    listen 8000;
    server_name 127.0.0.1;

    access_log /<direct_path>/logs/nginx-access.log;     # <- make sure to create the logs directory
    error_log /<direct_path>/logs/nginx-error.log;       # <- you will need this file for debugging

    location / {
        proxy_pass http://127.0.0.1:9000;         # <- let nginx pass traffic to the gunicorn server
    }

    location /static {
        alias /<project path>/chemicalizer;  # <- let nginx serves the static contents
    }
}

和我的gunicorn.conf.py,位于与manage.py相同的目录中:

bind = "127.0.0.1:9000"                   
errorlog = '/<direct_path>/logs/gunicorn-error.log' 
accesslog = '/<direct_path>/logs/gunicorn-access.log'
loglevel = 'debug'
workers = 4     

和我的项目settings.py文件

import os, djcelery
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

# Celery setup
djcelery.setup_loader()
BROKER_URL = 'amqp://guest:guest@localhost:5672'

SECRET_KEY = censored...

DEBUG = False
ALLOWED_HOSTS = ['0.0.0.0', '127.0.0.1', 'localhost']

# Application definition
INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.sites',
    'django.contrib.staticfiles',
    'interface',
    'chemrun',
    'djcelery',
    'kombu.transport.django',
    'chemicalizer.tasks',
    'json',
    'django_nvd3',
    'djangobower',
    'allauth',
    'allauth.account',
    'djangosecure',
)

MIDDLEWARE_CLASSES = (
    'djangosecure.middleware.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
    'django.middleware.security.SecurityMiddleware',
)   

ROOT_URLCONF = 'chemicalizer.urls'

TEMPLATES = [
    {
    'BACKEND': 'django.template.backends.django.DjangoTemplates',
    'DIRS': ['interface'],
    'APP_DIRS': True,
    'OPTIONS': {
        'context_processors': [
            'django.template.context_processors.debug',
            'django.template.context_processors.i18n',
            'django.template.context_processors.media',
            'django.template.context_processors.static',
            'django.template.context_processors.tz',
            'django.template.context_processors.request',
            'django.contrib.auth.context_processors.auth',
            'django.contrib.messages.context_processors.messages',
        ],
    },
    },
]  

非常感谢任何帮助。不确定显示哪些其他文件,请告诉我是否应该包含其他文件。

更新 经过一番浏览后,我发现我的css文件是由nginx加载并提供的,但不知何故html或gunicorn没有完成它的工作。如果我使用Chrome's "developer tools"查看html页面的内容,我发现css文件已在网络part中找到并成功加载,但在sources标签中{{1} }文件为空。

我也看到我的css没有为gunicorn-access.log文件发送GET命令,当代码工作没有问题时,有没有理由不这样做我改为运行css

2 个答案:

答案 0 :(得分:3)

您似乎将Nginx指向主项目目录,而不是保存静态文件的目录。

location /static {
    alias /<project path>/chemicalizer;  # <- let nginx serves the static contents
}

应该是

location /static {
    alias /<project path>/chemicalizer/static;  # <- let nginx serves the static contents
}

答案 1 :(得分:0)

我经过多次尝试后找到了解决方案并找到了解决方案。看来我的html中有一个小错误,有时会生成GET。 但导致css文件无法加载的错误是错误的mime type。通过在我的mime.types目录中使用内容

创建文件/etc/nginx/来解决此问题
types {
    text/css            css;
}