我已经按照多个指南阅读了许多关于这个问题的其他答案(例如:here,here,here,here,here等),但它们都没有帮助。
使用nginx 1.15.5,Django 2.2.1,gunicorn 19.9.0,Python 3.6
现在,我的Django管理面板看起来像这样:
nginx.conf
error_log logs/error.log warn;
events { }
http {
access_log logs/access.log combined;
include default-site.conf;
include myapp.conf;
}
myapp.conf
server {
# http://nginx.org/en/docs/http/ngx_http_log_module.html#access_log
access_log logs/myapp/access.log combined;
server_name myserver.com;
listen 1234;
# ignore favion messages
location = /favicon.ico { access_log off; log_not_found off; }
# path to socket for gunicorn
location / {
proxy_pass http://unix:/usr/local/bin/apps/myapp/myapp.sock;
}
# location for static files to serve; mostly the admin panel CSS files
location /static/ {
root /usr/local/bin/apps/myapp/;
}
}
Gunicorn守护进程启动命令(在myapp
项目目录中):
gunicorn webapp.wsgi \
--bind "unix:/usr/local/bin/apps/myapp/myapp.sock" \
--config "../server-conf/myserver.com/myapp/gunicorn_config.py" \
--pid "logs/gunicorn.pid" \
--access-logfile "logs/gunicorn.access.log" \
--error-logfile "logs/gunicorn.error.log" \
--log-file "logs/gunicorn.log" \
--name "gunicorn-myapp" \
--daemon
Django settings.py
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static/')
我已经跑了python manage.py collectstatic
。文件在那里,并具有全局读取权限:
$ ll /usr/local/bin/apps/myapp/static/
total 12K
drwxrwsr-x. 3 myusername myusergroup 4.0K Mar 21 14:57 .
drwxrwsr-x. 10 myusername myusergroup 4.0K Mar 21 17:06 ..
drwxrwsr-x. 6 myusername myusergroup 4.0K Mar 21 14:57 admin
$ ll /usr/local/bin/apps/myapp/static/admin/
total 24K
drwxrwsr-x. 6 myusername myusergroup 4.0K Mar 21 14:57 .
drwxrwsr-x. 3 myusername myusergroup 4.0K Mar 21 14:57 ..
drwxrwsr-x. 3 myusername myusergroup 4.0K Mar 21 14:57 css
drwxrwsr-x. 2 myusername myusergroup 4.0K Mar 21 14:57 fonts
drwxrwsr-x. 3 myusername myusergroup 4.0K Mar 21 14:57 img
drwxrwsr-x. 4 myusername myusergroup 4.0K Mar 21 14:57 js
而最令人困惑的部分是,nginx正在成功切断CSS文件。当我导航到myserver.com:1234/static/admin/css/base.css
时,我可以在浏览器中看到它们的内容:
在我的nginx日志中,当我尝试访问管理页面时,我看到这样的消息:
100.100.100.100 - - [21/Mar/2019:18:32:50 -0400] "GET /admin/login/?next=/admin/ HTTP/1.1" 200 1819 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.119 Safari/537.36"
当我直接访问CSS文件时:
100.100.100.100 - - [21/Mar/2019:18:32:52 -0400] "GET /static/admin/css/base.css HTTP/1.1" 304 0 "-" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.119 Safari/537.36"
我不确定它为什么提供304状态代码,但没有错误。我能够访问静态Admin CSS文件,因此看起来文件正在正确提供(?)。除此之外,应用程序的每个其他部分都在工作。你知道发生了什么吗?为什么CSS文件无法在页面中正确呈现?
结果我需要在我的nginx conf中包含/etc/nginx/mime.types
文件;
error_log logs/error.log warn;
events { }
http {
access_log logs/access.log combined;
include myapp.conf;
include mime.types;
}
我想这是因为我在一个非标准的目录位置开始使用空白的nginx.conf
。
将此行添加到我的conf后,重新启动服务器几次,现在正确呈现.css文件。
作为参考,打开Chrome开发者工具的网络选项卡并查看页面上的css文件条目有很大帮助,以前它们以“Content-Type:text / plain”形式出现,现在它们到了作为“Content-Type:text / css”,正如他们应该的那样。
另外,我试图在我的应用程序(myapp.conf
)的配置下完全禁用缓存:
location /static/ {
expires -1;
root /usr/local/bin/apps/myapp/;
}
这似乎有助于将浏览器中的HTTP代码从304转为200。