我有绑定React构建在django里面。它在localhost上工作得很好，但是在服务器上它的静态文件不工作。当我在激活virtualenv后运行这个：
gunicorn --bind 64.225.24.226:8000 liveimage.wsgi它的管理面板在没有css：
这是我的nginx默认配置：
server {
listen 80;
server_name 64.225.24.226;
access_log off;
location /media/ {
alias /root/liveimage/media/; # change project_name
}
location /static {
autoindex on;
alias /root/liveimage/build;
}
location / {
proxy_pass http://127.0.0.1;
proxy_set_header X-Forwarded-Host $server_name;
proxy_set_header X-Real-IP $remote_addr;
add_header P3P 'CP="ALL DSP COR PSAa PSDa OUR NOR ONL UNI COM NAV"';
}}
我的seetings.py:
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [os.path.join(BASE_DIR, 'build')],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
'social_django.context_processors.backends',
'social_django.context_processors.login_redirect',
],
},
},
]
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'build/static')]
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')gunicorn.service:
[Unit]
Description=gunicorn daemon
Requires=gunicorn.socket
After=network.target
[Service]
User=root
Group=www-data
WorkingDirectory=/root/liveimage
ExecStart=/root/venv/bin/gunicorn \
--access-logfile - \
--workers 3 \
--bind unix:/run/gunicorn.sock \
liveimage.wsgi:application
[Install]
WantedBy=multi-user.target我的项目位于/root/liveimage和/root/venv的virtualenv中，我不知道哪里出了问题
3条答案
按热度按时间mum43rcc1#
Gunicorn不会展示造型。
我发现了这个：
注意：管理界面不会应用任何样式，因为Gunicorn不知道如何找到负责此操作的静态CSS内容。
从docs
kknvjkwl2#
我不太了解Nginx的配置，但关键是Django在生产中不提供静态文件，它们必须由Nginx提供。
在你的网站上，进入浏览器的dev tools -〉network -〉css，然后查看url，它们必须指向
manage.py collectstatic生成的静态目录，Nginx必须从这些url中提供该目录的内容。qfe3c7zg3#
使用django，运行
python manage.py collectstatic使用React，导航到项目的根目录并执行以下操作
获取运行nginx的用户名。它应该是“www-data”或“nobody”
递归运行chown
将执行权限授予“www.data”或“nobody”
如本文指南中所述