You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何解决自定义域名下Payload Cloud站点图片无法显示的问题

问题描述

我的站点图片在localhost和默认域名mrtrendy.payloadcms.app下显示正常,但在自定义域名mrtrendydesigns.com及www.mrtrendydesigns.com下无法显示。我已按照Payload Cloud官方文档中「添加自定义域名」和「访问Payload Cloud外文件」的所有步骤操作,仍存在该问题,请问哪里操作有误?

排查方向及可能疏漏
  • DNS解析与域名绑定验证
    1. 确认DNS记录中,mrtrendydesigns.com和www.mrtrendydesigns.com均配置了指向Payload Cloud默认域名的CNAME记录,且解析已生效(可通过nslookup mrtrendydesigns.com命令验证)。
    2. 登录Payload Cloud控制台,检查两个自定义域名是否都已完成绑定并显示「验证通过」状态,避免遗漏其中一个域名。
  • 跨域访问(CORS)配置检查
    如果图片存储在Payload Cloud外部服务(如S3、Cloudinary等),需确认存储服务的CORS规则已添加https://mrtrendydesigns.com和https://www.mrtrendydesigns.com的允许访问权限,否则自定义域名下会因跨域限制无法加载图片。
  • Payload核心配置修正
    在payload.config.ts中检查以下配置:
    • serverURL:生产环境下需设置为自定义域名(如https://mrtrendydesigns.com),而非默认域名或localhost,该配置决定了图片等资源的生成URL。
    • uploads模块的url字段:若使用绝对路径,需确保路径适配自定义域名;若用相对路径,需确认自定义域名环境下能正确解析到资源存储位置。
  • SSL证书与缓存清理
    1. 检查自定义域名的SSL证书是否同时覆盖主域名和www子域名,可通过浏览器地址栏的锁形图标查看证书详情。
    2. 强制刷新浏览器缓存(Ctrl+Shift+R),若站点启用了CDN,需同步清除CDN缓存,避免旧的资源URL缓存导致加载失败。

内容的提问来源于Stack Exchange,提问作者Kihiu

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.23 10:22:43