css - Django CSS 相对路径在 Amazon S3 中不起作用

Question

基本上，我将 S3 用于网站的静态文件。大多数图像都在模板中引用，但我注意到每个引用的图像或文件(尤其是字体)都不起作用。

我已将所有文件公开在 S3 中，并且可以通过公开链接访问它们。

这是我的setting.py

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

AWS_ACCESS_KEY_ID = ''
AWS_SECRET_ACCESS_KEY = ''
AWS_STORAGE_BUCKET_NAME = 'abc-bucket'
AWS_S3_CUSTOM_DOMAIN = '%s.s3.amazonaws.com' % AWS_STORAGE_BUCKET_NAME

AWS_S3_OBJECT_PARAMETERS = {
    'CacheControl': 'max-age=86400',
}

AWS_LOCATION = 'static'
STATICFILES_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
STATIC_URL = "https://%s/%s/" % (AWS_S3_CUSTOM_DOMAIN, AWS_LOCATION)

DEFAULT_FILE_STORAGE = 'app.storage_backends.MediaStorage'

我已删除这篇文章的 AWS 访问 key 和 secret key 。

fonts.css 包含以下内容；

@font-face {
    font-family: 'rt-icons-2';
    src:url('../../fonts/rt-icons-23dab.eot?wz19bt');
    src:url('../../fonts/rt-icons-2d41d.eot?#iefixwz19bt') format('embedded-opentype'),
        url('../../fonts/rt-icons-23dab.ttf?wz19bt') format('truetype'),
        url('../../fonts/rt-icons-23dab.woff?wz19bt') format('woff'),
        url('../../fonts/rt-icons-23dab.svg?wz19bt#rt-icons-2') format('svg');
    font-weight: normal;
    font-style: normal;
}

AWS 文件夹结构是；

 static
 - content
   - css 
     - fonts.css
 - fonts
   - rt-icons-23dab.eot
   - rt-icons-2d41d.eot
   - rt-icons-23dab.ttf
   - rt-icons-23dab.woff
   - rt-icons-23dab.svg

我知道 CSS 工作正常，因为所有样式都很好，所以可以正常访问 fonts.css，但相对路径已损坏，所有字体图标都丢失了。在我运行 collectstatic 并将它们移至 S3 之前，它们运行良好。

Answer 1

找到答案 here . CORS 配置是问题所在。