CSS引用图片未通过HTTPS加载且iPhone Safari无法显示求助

• 核心问题是.htaccess中www跳转规则使用了未定义的%{ENV:PROTO}环境变量，Apache未配置该变量时会默认使用http协议作为跳转前缀，导致所有www域名的请求被重定向到HTTP地址，即便原图是HTTPS地址，经过跳转后也会变成HTTP，触发浏览器混源警告。
• 其次是内容安全策略(CSP)未显式声明img-src规则，部分旧版本iOS Safari对CSP默认规则的兼容存在问题，会直接拦截图片加载。
• 另外静态资源设置了长达1年的强制缓存，历史错误的重定向规则已经被浏览器和服务端缓存，即时修改配置后旧缓存依然会导致问题。

• 1. 修复www重定向规则，直接写死HTTPS协议，替换原有的www跳转代码：

# 替换原有www跳转的两行配置
RewriteCond %{HTTP_HOST} ^www\.(.+)$ [NC]
RewriteRule ^ https://%1%{REQUEST_URI} [R=301,L]

• 2. 补全CSP中的图片加载规则，修改Content-Security-Policy配置行，显式声明图片源：

Header set Content-Security-Policy "default-src 'self'; img-src 'self' data:; style-src 'self' fonts.googleapis.com; font-src 'self' fonts.gstatic.com; script-src 'self' 'unsafe-inline'; object-src 'none'"

• 3. 测试阶段先将重定向的301改为302临时重定向，避免错误规则被永久缓存，确认所有资源都能正常HTTPS加载后再改回301。
• 4. 清除浏览器缓存、服务器缓存，也可以使用Chrome隐身模式、Safari隐私浏览模式测试修改效果，避免本地缓存干扰。
• 5. 建议CSS中的背景图使用根相对路径，比如url('/images/logo.svg')，不需要携带域名和协议，从根源避免跨域名跳转导致的协议问题。

内容的提问来源于stack exchange，提问作者Tales Ebner