【Django】django自带后台管理系统样式错乱，Django使用gunicorn服务器时，Django admin无法加载静态文件

Django使用gunicorn服务器时，Django admin无法加载静态文件

问题描述

在使用Django admin时，通常会加载很多静态文件，例如CSS、JavaScript和图像文件。这些静态文件通常存储在Django项目的静态文件夹中，并且可以由Django开发服务器或其他HTTP服务器正确地提供。

然而，当我们将Django与gunicorn集成时，有时会遇到Django admin无法加载这些静态文件的问题。这可能会导致Django admin的样式和功能无法正常显示，给用户带来困扰。

这个问题的根本原因是gunicorn默认情况下并不提供静态文件的服务。当我们访问Django admin页面时，gunicorn只会处理Django的动态请求，而忽略静态文件的请求。

如下：

解决方案

为了解决Django admin无法加载静态文件的问题，我们需要配置gunicorn以提供静态文件的服务。以下是一些解决方案。

1. 使用gunicorn的--static选项

（实测报错！没有这个参数，可能与gunicorn版本有关）

gunicorn提供了一个--static选项，可以用来指定静态文件的路径。我们可以使用该选项将静态文件的路径传递给gunicorn，以便它能够正确地提供这些静态文件。下面是一个示例命令：

复制代码

gunicorn myproject.wsgi:application --static myproject/static

在这个命令中，myproject.wsgi:application是Django项目的WSGI应用程序的路径，myproject/static是存储静态文件的路径。通过指定--static选项，gunicorn将会提供这些静态文件。

2. 使用代理服务器 nginx

（有效，通用办法）

除了通过gunicorn提供静态文件的服务，我们还可以使用代理服务器来解决这个问题。代理服务器可以独立于gunicorn运行，并专门用于提供静态文件的服务。

在这种方法中，我们可以使用Nginx或Apache等流行的代理服务器作为静态文件的提供者。我们可以配置代理服务器将静态文件的请求转发给相应的路径，而将动态请求转发给gunicorn。这样，代理服务器会负责提供静态文件，而gunicorn仅处理动态请求。

以下是Nginx配置的示例：

复制代码

server {
    listen 80;
    server_name example.com;

    location /static/ {
        alias /path/to/static/files/;
    }

    location / {
        proxy_pass http://localhost:8000;
        proxy_set_header Host host;
        proxy_set_header X-Real-IPremote_addr;
    }
}

在这个示例配置中，/path/to/static/files/是存储静态文件的路径。所有以/static/开头的请求将由Nginx处理并从指定路径提供静态文件。而其他请求将被转发到gunicorn运行的地址（在示例中是http://localhost:8000）。

3. 使用Django Whitenoise库

（实测有效）

Django Whitenoise是一个第三方库，可以帮助我们在Django中处理静态文件。它可以自动收集和服务静态文件，并提供缓存和Gzip压缩等功能。

通过安装Django Whitenoise并在Django项目中进行相应配置，我们可以使gunicorn能够正确地提供Django admin的静态文件。

首先，通过以下命令安装Django Whitenoise：

复制代码

pip install whitenoise

然后，在Django项目的settings.py文件中进行如下配置：

复制代码

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'whitenoise.middleware.WhiteNoiseMiddleware',
    # ...
]

STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'

通过将WhiteNoiseMiddleware添加到中间件列表中，并将STATICFILES_STORAGE设置为CompressedManifestStaticFilesStorage，Django Whitenoise将会自动处理静态文件，并将其提供给gunicorn。