Css Django+;nginx+;gunicorn未加载/提供静态文件
我正在采取最后的步骤来公开我的页面,但是在设置nginx+gunicorn之后,我得到了要加载的页面,但是没有一个css正在加载,即使我的nginx日志文件没有显示任何错误 这是我的Css Django+;nginx+;gunicorn未加载/提供静态文件,css,django,nginx,static,gunicorn,Css,Django,Nginx,Static,Gunicorn,我正在采取最后的步骤来公开我的页面,但是在设置nginx+gunicorn之后,我得到了要加载的页面,但是没有一个css正在加载,即使我的nginx日志文件没有显示任何错误 这是我的nginx.conf: server { listen 8000; server_name 127.0.0.1; access_log /<direct_path>/logs/nginx-access.log; # <- make sure to create th
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
}
}
和我的项目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的“开发者工具”
查看html页面的内容,我发现css文件在网络部分成功找到并加载,但在源选项卡中css
文件为空
我还看到我的gunicorn access.log
没有为css
文件发送GET
命令,当我运行一个调试服务器时,如果代码正常运行,是否有理由不发生这种情况?看起来您将Nginx指向的是主项目目录,而不是存放静态文件的目录
location /static {
alias /<project path>/chemicalizer; # <- let nginx serves the static contents
}
位置/静态{
别名//chemicalizer;#看起来像是将Nginx指向主项目目录,而不是存放静态文件的目录
location /static {
alias /<project path>/chemicalizer; # <- let nginx serves the static contents
}
位置/静态{
别名//chemicalizer;#看起来像是将Nginx指向主项目目录,而不是存放静态文件的目录
location /static {
alias /<project path>/chemicalizer; # <- let nginx serves the static contents
}
位置/静态{
别名//chemicalizer;#看起来像是将Nginx指向主项目目录,而不是存放静态文件的目录
location /static {
alias /<project path>/chemicalizer; # <- let nginx serves the static contents
}
位置/静态{
alias//chemicalizer;#我在多次尝试后找到了一个解决方案,并找到了一个解决方案。似乎我在html
中有一个小错误,有时会生成GET
。
但是导致css文件无法加载的错误是错误的mime类型
。这是通过在my/etc/nginx/
目录中创建一个包含内容的文件mime.types
来修复的
types {
text/css css;
}
经过多次尝试,我找到了一个解决方案。似乎我的html
中有一个小错误,有时会生成一个GET
。
但是导致css文件无法加载的错误是错误的mime类型
。这是通过在my/etc/nginx/
目录中创建一个包含内容的文件mime.types
来修复的
types {
text/css css;
}
经过多次尝试,我找到了一个解决方案。似乎我的html
中有一个小错误,有时会生成一个GET
。
但是导致css文件无法加载的错误是错误的mime类型
。这是通过在my/etc/nginx/
目录中创建一个包含内容的文件mime.types
来修复的
types {
text/css css;
}
经过多次尝试,我找到了一个解决方案。似乎我的html
中有一个小错误,有时会生成一个GET
。
但是导致css文件无法加载的错误是错误的mime类型
。这是通过在my/etc/nginx/
目录中创建一个包含内容的文件mime.types
来修复的
types {
text/css css;
}
静态文件的系统路径是什么?/Users/tobias/Dropbox/Science/PythonWorkspace/NewChemicalizer/chemicalizer/static静态文件的系统路径是什么?/Users/tobias/Dropbox/Science/PythonWorkspace/NewChemicalizer/chemicalizer/static静态文件的系统路径是什么?/Users/tobias/Dropbox/Science/PythonWorkspace/NewChemicalizer/chemicalizer/static您的静态文件的系统路径是什么?/Users/tobias/Dropbox/Science/PythonWorkspace/NewChemicalizer/chemicalizer/staticOh我很高兴这个解决方案这么简单。我从路径中排除/static的原因是我遵循了,它说应该排除它,因为nginx添加了这个。但是阅读现在我可能看错了。非常感谢您的快速帮助!这是因为您使用的是“static”而不是教程中的“root”——“您可能会问为什么它不转发到“/Users/webapp/Apps/testproject/vis”?(最后没有“/static”)因为在配置中使用“root”时,会在其后面附加“/static”部分。请注意!您可以使用别名而不是root来修复此问题,并将/static附加到路径的末尾:看起来我高兴得跳得太快了。显然css文件不知怎么还在缓存中,因为今天早上我再次启动服务器时,css不再提供服务。我尝试了两个选项:添加/static
到末尾的/alias
,以及没有添加/static
的根目录e找不到静态文件的其他可能原因?你确定没有更改任何其他内容吗?如果在某个阶段不工作,它本来就不应该在缓存中。如果添加“自动索引打开”在您的别名行下方,然后浏览到-您看到了什么?这是一个非常漂亮的命令。我添加了它,并转到site.com/static,为我提供了所有静态文件的列表。我尝试将runserver作为调试运行,django可以在其中提供静态文件。我昨天在两次尝试之间短暂地尝试了这一点,并想象它是如何运行的w被卡在缓冲区或其他地方。因为如果我运行runserver
而不是通过gunicorn
,它会工作,所以加载静态文件的方式不会是问题,对吗?{%load staticfiles%}
在html head中base.html的顶部
哦,我很高兴解决方案这么简单。我将/static从路径中排除的原因是我遵循了