如何修复“此XML文件似乎没有关联的样式信息”及Django静态资源403错误

你访问DigitalOcean Spaces桶根地址返回的XML提示是S3兼容类存储的默认返回结果，和Django页面是否被识别为HTML无关。你的Django页面本身是正常返回HTML格式的，当前问题核心是静态资源访问权限配置错误，导致静态文件加载时报403。

• 配置Spaces桶的CORS规则
  进入DigitalOcean控制台对应的Spaces存储空间设置页，找到CORS配置项，新增规则：

  允许源：填写你的Django站点实际域名，测试场景可临时填*
  允许方法：勾选GET、HEAD
  允许头：填写*
  缓存有效期：建议填写3600

• 配置文件公共访问权限
  你可以选择给桶内static目录配置公共读权限，也可以直接在Django settings.py中添加配置，让上传文件时自动设置公共读权限：

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

• 核对Django静态存储配置
  确认settings.py中静态资源相关配置完整，示例配置如下，注意替换为你自己的密钥、桶名、区域信息：

  # 存储后端配置
  DEFAULT_FILE_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
  STATICFILES_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
  # Spaces密钥配置
  AWS_ACCESS_KEY_ID = '你的Spaces访问密钥ID'
  AWS_SECRET_ACCESS_KEY = '你的Spaces访问密钥'
  # 桶与区域配置
  AWS_STORAGE_BUCKET_NAME = '你的桶名，如django-space-storage'
  AWS_S3_ENDPOINT_URL = 'https://nyc3.digitaloceanspaces.com'
  AWS_S3_CUSTOM_DOMAIN = f'{AWS_STORAGE_BUCKET_NAME}.nyc3.digitaloceanspaces.com'
  # 静态文件路径配置
  STATIC_URL = f'https://{AWS_S3_CUSTOM_DOMAIN}/static/'
  

• 重新上传静态文件
  配置修改完成后，执行python manage.py collectstatic命令重新上传所有静态文件，覆盖之前权限配置错误的旧文件。
• 验证修复效果
  清理浏览器缓存后重新访问站点，确认静态资源加载正常，也可以直接复制报错的静态资源URL到新标签页打开，验证是否可以正常访问。

内容的提问来源于stack exchange，提问作者C-Bizz