当前位置: 首页 > 知识库问答 >
问题:

ddev ngrok live link上不加载Wordpress样式

商德泽
2023-03-14

我已经用ddev设置了一个简单的wordrpress环境。

我正在尝试使用ddev share功能,该功能应该提供本地WP站点的实时预览,但当我尝试从另一台计算机在不同的以太网上访问该站点时,该站点会加载,所有内容都与html和一些原始css有关,但不是全部内容。

当然,在当地,一切都很好。

在我的ngrok站点控制台中,我收到了如下各种警告:

Loading failed for the <script> with source “https://mysite.ddev.site:8443/wp-includes/js/jquery/jquery.min.js?ver=3.5.1”.

注意,“mysite.ddev....”是指向我的本地环境的链接,所以我的猜测是,这是关于相对/abs网址的东西,但我不确定如何解决这个问题

我参考了5年前的这篇文章,它触及了这个主题。

我安装了“绝对相对URL”,但这并不能解决问题。

共有2个答案

萧焱
2023-03-14

经过一点实验,我找到了一个解决方案。

这篇文章有点旧,因此DDEV为其Wordpress环境添加了一些额外的升级,该解决方案在以下平台上进行了测试

ddev -v:
ddev version v1.16.7

解决方案:

>

  • 安装并激活相对Url插件

    对于良好的措施,重新启动DDEV站点ddev restart

    进入终端写入:

    ngrok http-主机标头=重写。ddev。地点

    如果您不确定您的项目/站点名称是什么,请使用

    ddev describe
    

    在URL下面,将引导您访问localhost站点的第一个链接应该是您插入到ngrok重写中的URL

  • 鲁弘厚
    2023-03-14

    WordPress的问题是它将静态URL嵌入到数据库中,因此在更改主机名或执行其他操作的情况下使用它要困难得多。这是WordPress的一个重要问题,有很多解决方法,但不是很令人满意。

    文章DDEV分享:与其他合作者实时共享DDEV-local项目解释了如何使用稳定的子域并进行搜索替换。

    WordPress只有一个基本URL,但wp命令内置在DDEV-local的Web容器中。

    这组步骤假设ngrok子域为“wp23”,起始URL为“https://wordpress.ddev.site“.

    1. 配置。ddev/config。yaml使用自定义子域:ngrok\u args:--子域wp23
     类似资料:
    • 我有一个WordPress网络站点(目前只有一个页面)。最大的问题是,WordPress中媒体的最大上传大小限制为1MB。 我增加这一限制的任何尝试都没有成功。 到目前为止,我所尝试的: 增加upload_max_filesize和post_max_size 服务器重新加载php。ini在特定时间段内自动生成。通过运行phpinfo(),php确认了该更改。 WordPress插件(Revo Sl

    • 问题内容: 我动态加载CSS样式表(在jQuery的帮助下),如下所示: 这在Firefox和Google Chrome浏览器中工作正常,但在IE中则 不能 。 有什么帮助吗?谢谢 问题答案: IE处理完页面加载的所有样式后,添加另一种样式表的唯一可靠方法是 有关更多详细信息。

    • 问题内容: 这是一个答案/解决方案,而不是一个问题,即使我尝试了我的开发环境,仍然可能存在一些错误。 我最近尝试在小部件/菜单中使用wp_editor,经过一番搜索,我没有找到想要的完整解决方案。 在按小时挖掘wp的代码后,我将在下面分享我的解决方案: 问题答案: 可能涉及黑客攻击,但是,我尝试将其最小化。 为了使wp_editor可以在动态html中工作(这意味着在不重新加载页面的情况下,js会

    • 我正在尝试在localhost中构建WordPress主题。我有我的functions.php当我打开浏览器(http://localhost/website/wordpress)时,它并没有加载所有的css更改。浏览器中只显示车身背景。你觉得问题出在哪里?感谢你的帮助。

    • 我正在创建这个WordPress主题,所有事情都进展顺利,除了一件事。我想为我的下一个/上一个页面链接设置样式,使下一个页面链接在右侧,而上一个页面链接在左侧。这是wordpress自动生成的链接,每当帖子数量达到最大值时,它就会添加到页面底部。我使用函数,我的html代码如下所示: 当然,我可以将float添加到 标记的样式中,但两个链接都将向右或向左浮动。我希望它们都在左右两边,我真的不希望在

    • 问题内容: 我熟悉以普通方式在jQuery中使用ajax。 我已经玩了一段时间了,但是不了解Wordpress使其正常工作需要 什么… 我在这里所摘录的内容来自一些教程或文章。 这在 functions.php中 (在子主题中): jQuery本身正在加载并正常工作。 我已经尝试过一些基本的ajax,如下所示: 除此之外,我不知道如何测试以确保它是否从一开始就正确地加载了…… 在这里的任何帮助,将