ddev ngrok 实时链接上不加载 Wordpress 样式答案

【问题标题】：Wordpress styles dont load on ddev ngrok live linkddev ngrok 实时链接上不加载 Wordpress 样式
【发布时间】：2021-05-12 11:40:50
【问题描述】：

我已经用 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 年前提到过 this post 涉及到的主题。

我安装了“绝对相对 URLS”，但这并没有解决问题。

【问题讨论】：

标签： ngrok ddev

【解决方案1】：

WordPress 的问题在于它将静态 URL 直接嵌入到数据库中，因此在您更改主机名或执行其他任何操作的情况下使用起来要困难得多。这是 WordPress 的一个重大问题，有很多变通方法，但不是很令人满意。

WordPress 只有一个基本 URL，但 wp 命令内置于 DDEV-Local 的 Web 容器中。

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

配置 .ddev/config.yaml 以使用自定义子域：ngrok_args:--subdomain wp23
使用 ddev export-db 或 ddev shapshot 备份数据库
编辑 wp-config-ddev.php（或任何您的配置）以更改 WP_HOME，例如，define('WP_HOME', 'https://wp23.ngrok.io'); ddev ssh
wp 搜索替换 https://wordpress.ddev.site https://wp23.ngrok.io （假设您的项目配置为 https://wordpress.ddev.site 并且您的 ngrok_args 配置为 wp23 子域）现在 ddev 分享

【讨论】：

我已经尝试过这个解决方案，但不幸的是，要这样做，您必须提交付费计划，我更喜欢免费的解决方案。我知道我已经通过 flywheel 使用本地，他们似乎已经解决了 ngrok 链接和 Wordpress 的问题，但我不能确定这是否可以与我的网站一起使用。我想知道我还能做些什么。
很想听听您在飞轮中的发现，这是一项很棒的服务。不幸的是，这是 WP 的一个基本缺陷。

【解决方案2】：

经过一番试验，我找到了解决方案。

这篇文章有点旧，因此 DDEV 添加了一些额外的内容升级到它的 Wordpress 环境，这个解决方案已经过测试：

ddev -v:
ddev version v1.16.7

解决方案：

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

ddev describe

在 URL 下方，第一个链接将引导您访问您的 localhost 站点应该是您插入到 ngrok rewrite

中的 URL

【讨论】：