Cloudflare Tunnels内网穿透,出现图片无法加载、页面功能受损解决方案

出现错误:The page at 如下所示出现’https://www.cqwl.dpdns.org/’ was loaded over HTTPS, but requested an insecure script ‘http://www.cqwl.dpdns.org/…’

核心问题是混合内容(Mixed Content) 和 JS 脚本加载异常,导致轮播图等功能受影响图片加载异常页面功能受损

 

 

解决方案:无需本地 HTTPS

1. 强制 Cloudflare 重写资源链接(首选)

在 Cloudflare 页面规则中添加自动 HTTPS 重写:

  1. 登录 Cloudflare 点开域名(如cqwxl.dpdns.org),进入控制台 → 规则 → 概述→ +创建规则 → 重定向规则 → 从 HTTP 重定向到 HTTPS

  2. 创建新规则:名称自己定义,通配符模式

  3. 请求 URL:http://www.cqwxl.dpdns.org/*

  4. 目标 URL:https://${1}    状态代码 301

2. 修改 WordPress 配置(关键步骤)

在 wp-config.php 文件 最前面 添加:

// 强制使用 HTTPS 协议
define('FORCE_SSL', true);
define('FORCE_SSL_ADMIN', true);

// 修复代理后的 HTTPS 检测
if ($_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') {
    $_SERVER['HTTPS'] = 'on';
    $_SERVER['SERVER_PORT'] = 443;
}

3. 更新 WordPress 站点 URL

  1. 登录 WordPress 后台 → 设置 → 常规

  2. 修改两处https:// 开头的URL 修改为 http://

    • WordPress 地址 (URL)

    • 站点地址 (URL)

  3. 保存更改

赞(1) 打赏
未经允许不得转载:新憧憬 » Cloudflare Tunnels内网穿透,出现图片无法加载、页面功能受损解决方案

以微光为引,点亮生活新可能,遇见更好的自己,让每一份憧憬都长出翅膀。

新憧憬社区AI计算器系统

觉得文章有用就打赏一下作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫

微信扫一扫