我开发了一个基于Wordpress构建的页面,带有外部插件Media Grid。完成后,我将网站发布到实时页面,但我已经意识到,该插件仍然从localhost上的地址加载其css文件。
我在控制台上看到的第一个错误是
Font from origin 'http://locpage.loc' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.livepage.com' is therefore not allowed access.
当我重新加载页面时,我遇到了另一个错误
GET http://locpage.loc/wp-content/plugins/media-grid/css/frontend.css net::ERR_CONNECTION_REFUSED
www.livepage.ch/:32 GET http://locpage.loc/wp-content/plugins/media-grid/js/jquery.galleria/themes/mediagrid/galleria.mediagrid.css net::ERR_CONNECTION_REFUSED
www.livepage.ch/:32 GET http://locpage.loc/wp-content/plugins/media-grid/js/jPlayer/skin/media.grid/jplayer.media.grid.css net::ERR_CONNECTION_REFUSED
当我发布页面时,我在wordpress admin和数据库wp_options中更改了网站网址。如何解决这个问题?
可以访问该页面here。
谢谢!
编辑(样式加载): 在插件中,我可以看到这些文件以下列方式加载。
////////////////////////////////////
// DYNAMICALLY CREATE THE CSS //////
////////////////////////////////////
include_once(MG_DIR . '/functions.php');
// remove the HTTP/HTTPS for SSL compatibility
$safe_baseurl = str_replace(array('http:', 'https:', 'HTTP:', 'HTTPS:'), '', MG_URL);
?>
@import url("<?php echo $safe_baseurl; ?>/css/frontend.css");
@import url("<?php echo $safe_baseurl; ?>/js/jquery.galleria/themes/mediagrid/galleria.mediagrid.css");
@import url("<?php echo $safe_baseurl; ?>/js/jPlayer/skin/media.grid/jplayer.media.grid.css");