元素画廊发行

Question

我的客户决定自己改变他的域名，但当他这样做，它破坏了网站的大部分。我设法修复了其中的大部分，但有一个错误我无法修复。当用户单击图片时，它会很好地加载图片，但是顶部的左、右和X被替换为一个框，如示例所示。有没有人遇到过这种情况，你是如何解决的？元素中的每个图标都显示了这一点，但我最想修复的是图片库图标。

这是指向站点http://thedetailpro.com/boat-yacht-detailing/的链接。

Answer 1

你会看到这个“找不到”的盒子，因为方框还没有全部加载。

使用浏览器开发工具查找这样的错误。

在Chrome中，转到网站，按F12 (MAC: Command+Option+J)，开发者工具就会打开。

单击Console选项卡，您可以看到客户端错误。当我为您的站点执行此操作时，我会看到以下方向性错误：

从源'http://www.thedetailpro.com/wp-content/plugins/elementor/assets/lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0‘到字体'http://thedetailpro.com’的访问已被CORS策略阻止:请求的资源上没有“访问控制-允许-原产地”标题。因此，“http://thedetailpro.com”源是不允许访问的。

这个错误对我来说是新的，它是一个服务器设置错误。

一个快速的谷歌搜索，见这。

你好，比约恩

附注：别忘了为此向你的客户收费;-)

Answer 2

这是因为客户端浏览器策略通过MaxCDN。您可以在CDN中禁用CORS标头支持，也可以为加载的文件添加排除。