在 边缘安全加速 ESA上完成站点接入后，如果首页打开但样式错乱、图片或 JS 加载失败，通常是 ESA 回源端口/协议、防盗链或缓存配置不当所致。本文给出静态资源加载失败的常见原因与排查步骤。
网站样式 / 图片 / JS 加载失败
典型现象：首页打开但样式错乱、图片不显示、JS 报错。
回源端口 / 协议不一致
如果源站的静态资源（CSS / JS / 图片）通过 HTTPS / 443 提供服务，但 ESA 默认以 HTTP / 80 回源：配置回源规则，设置回源端口为 443，协议为 HTTPS。
防盗链规则拦截了静态资源
检查 WAF 防盗链规则是否拦截了来自自身域名的资源请求。
在防盗链规则中添加自身域名到白名单。
缓存了旧版本的资源
进入 ESA 控制台 缓存 > 刷新预热。
选择"目录"刷新方式，提交根域名（如
https://www.example.com/）。清除本地浏览器缓存后重新访问。
ESA 安全规则拦截了静态文件请求
检查 WAF 自定义规则是否误拦截了 .js、.css、.png 等静态文件的请求。
完成后，清除浏览器缓存重新访问，在 F12 > Network 中确认 CSS/JS/图片 资源全部 200 OK。
该文章对您有帮助吗？