TYPO3 v12 后端加载JavaScript库时出现混合内容错误

问题原因 #

TYPO3未正确识别当前处于HTTPS环境，生成静态资源（如后端JS脚本）时使用了HTTP协议，而页面通过HTTPS加载，浏览器拦截了"混合内容"请求，导致依赖的JS模块加载失败，最终后端主界面空白。

解决步骤 #

1. 强制后端使用HTTPS
   修改LocalConfiguration.php中BE部分的lockSSL参数为1，确保后端管理界面强制使用HTTPS：

   'BE' => [
       // 保留其他原有配置
       'lockSSL' => 1,
   ],
   

2. 确保反向代理HTTPS识别正确
   检查SYS部分的反向代理配置，确保TYPO3能正确识别Traefik传递的HTTPS标识：

   'SYS' => [
       // 保留其他原有配置
       'trustedProxies' => ['172.18.0.*', '172.20.0.*'], // TYPO3 v11+推荐用此替代reverseProxyIP
       'reverseProxyHeaderMultiValue' => 'first',
       'reverseProxySSL' => '*',
   ],
   

   注：若使用TYPO3 v10及以下版本，保留原有reverseProxyIP配置即可。

3. 清除TYPO3缓存
   执行命令行缓存清理，避免缓存中留存旧的HTTP资源地址：

   typo3cms cache:flush
   

   若无法使用命令行，可通过安装工具（/typo3/install）清除所有缓存。

补充说明 #

前端显示正常是因为前端可能通过反向代理配置自动处理了协议转换，而后端资源URL生成逻辑依赖TYPO3自身的环境识别配置，因此需要单独调整后端相关参数。

内容的提问来源于stack exchange，提问作者M. Koch