姜戈 \|加入的路径位于基本路径组件 {% static img.thumbnail.url %} 之外，错误 400 with whitenoise

Question

我已经在 Django 中完成了我的第一个应用程序并且运行完美，但是自从我设置 DEGUG=False 之后仍然存在部署前问题……这里只是在模板中显示图像…… T_T

我正在使用它，但现在当我使用 whitenoise 在本地提供我的图像时它不起作用……它返回一个 Bad Request(400) 错误……

模型.py

 class GalleryItem(models.Model):
    thumbnail = models.ImageField(blank=True,upload_to='gallery/thumb')
    img_wide = models.ImageField(blank=True,upload_to='gallery')

模板.py

 {% load staticfiles %}
{% for img in img_to_display %}
    <a href="{{ img.img_wide.url}}" class="swipebox" title="">
        <img src="{% static img.thumbnail.url %}" alt="{{ img.alt}}">
    </a>
{% endfor %}

网址.py

 from django.conf.urls import url, include
from django.contrib import admin
from django.conf import settings
import os

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    url(r'^gallery/', include('gallery.urls')),
    url(r'^shop/', include('shop.urls')),
    url(r'^events/', include('events.urls')),
    url(r'^page/', include('paginator.urls')),
    url(r'^news/', include('blog.urls')),
    url(r'^ckeditor/', include('ckeditor_uploader.urls')),
    url(r'^admin/', admin.site.urls),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

设置.py

 import os
import dj_database_url

BASE_DIR = os.path.dirname(os.path.dirname(__file__))
print("BASE_DIR = ",BASE_DIR)
MEDIA_ROOT = os.path.join(BASE_DIR, 'wt/static/media/')
MEDIA_URL = '/media/'

SECRET_KEY = 'SECRET_KEY'

DEBUG = False

INSTALLED_APPS = [
    'ckeditor',
    'ckeditor_uploader',
    'team.apps.TeamConfig',
    'gallery.apps.GalleryConfig',
    'shop.apps.ShopConfig',
    'events.apps.EventsConfig',
    'blog.apps.BlogConfig',
    'paginator.apps.paginatorConfig',
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
]

MIDDLEWARE_CLASSES = [
    'django.middleware.security.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',
    'whitenoise.middleware.WhiteNoiseMiddleware',
]

ROOT_URLCONF = 'wt.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                "django.contrib.auth.context_processors.auth",
                "django.core.context_processors.request",
                "django.core.context_processors.debug",
                "django.core.context_processors.i18n",
                "django.core.context_processors.media",
                "django.core.context_processors.static",
                "django.core.context_processors.tz",
                "django.contrib.messages.context_processors.messages",
            ],
        },
    },
]

WSGI_APPLICATION = 'wt.wsgi.application'

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.postgresql',
        'NAME': 'wt_db',
        'USER': 'postgres',
        'PASSWORD': 'PASSWORD',
        'HOST': '127.0.0.1',
        'PORT': '5432',
    }
}

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]

LANGUAGE_CODE = 'fr-fr'
TIME_ZONE = 'UTC'
USE_I18N = True
USE_L10N = True
USE_TZ = True

db_from_env = dj_database_url.config(conn_max_age=500)
DATABASES['default'].update(db_from_env)

ALLOWED_HOSTS = ['localhost', '127.0.0.1',]

STATIC_ROOT = os.path.join(BASE_DIR, 'wt/staticfiles')
STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'wt/static'),
    os.path.join(BASE_DIR, 'wt/staticfiles'),
]

STATICFILES_STORAGE = 'whitenoise.django.GzipManifestStaticFilesStorage'

CKEDITOR_UPLOAD_PATH = 'uploads'
CKEDITOR_IMAGE_BACKEND = 'pillow'
CKEDITOR_BROWSE_SHOW_DIRS = True

这是我的错误日志：

 The joined path (E:\media\gallery\thumb\lost-thumb.jpg) is located outside of the base path component (E:\dev\wt\wt\wt\staticfiles)
[15/May/2016 20:01:41] "GET /page/gallery HTTP/1.1" 400 26

非常感谢您的帮助！ :)

编辑 ：

主体结构

项目文件夹

原文由 LauGau 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我想这是一个安全问题。即使“whitenoise”可以很好地在生产中提供真正的静态文件，它也不能提供媒体文件。

我犯了一个结构错误：

 # Don't place your 'media' files IN your 'static' file like this :

MEDIA_ROOT = os.path.join(BASE_DIR, 'wt/static/media/')

MEDIA_ROOT 永远不必位于项目的“静态”文件中（即使您可以使其以某些方式工作，我认为这不是一个好习惯）。

“媒体”文件（在生产中）必须在 Django 项目之外提供服务。我在某处读到我们必须使用 CDN。首先我选择 CloudFlare（因为它是免费的），但它没有用，因为你需要一个子域/主机名来指向你的 MEDIA_ROOT，而 Cloudflare 没有提供。最后，我选择了 Amazon S3。

所以，总而言之，写类似 {% static img.thumbnail.url %} 的东西是没有意义的。因为通过管理员/用户上传的所有内容都不必处于“静态”状态。

使用 {{ img.thumbnail.url }} 代替。

原文由 LauGau 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

兄弟，当你在模型上使用图像时你不能加载静态文件，在 django 中有两种不同的方法来处理图像。

静态文件用于静态文件（图像文件，如公司徽标、横幅、javascript 文件、css 文件）

媒体文件用于动态文件，如用户照片、用户图库、产品图像

1. 静态文件- 这样你就可以使用你的静态文件保存在你的静态文件夹中，你将它放在你的 settings.py 的 静态根目录 中，然后你使用 {% load staticfiles %} 和 {% static “ %}
2. 媒体文件- 此文件是您与模型、ImageField、FileField 等一起保存的文件…您不会将其加载为静态文件，因为它们不是静态文件（您可以从模型中对其进行编辑），但确实如此这并不意味着您会将它保存在您的数据库中，这将在您的媒体文件夹中生成一个带有散列名称的文件副本，您将其放置在您的 媒体根目录 中的 settings.py 和您使用的媒体文件 {{ .. url }} 所以在你的情况下 gallery.thumbnail.url （顺便说一句，提醒在你的视图中调用你的画廊对象并将其发送到模板以允许你使用它）

所以其他答案是正确的，你需要决定你想使用什么， 记住你的本地路径在你部署的地方是不同的，记得使用环境变量和正确的路径在你的设置中设置

Django 文档： https ://docs.djangoproject.com/en/1.11/topics/files/

原文由 Diego Vinícius 发布，翻译遵循 CC BY-SA 3.0 许可协议