如何解决自定义域名下Payload Cloud站点图片无法显示的问题
问题描述
我的站点图片在localhost和默认域名mrtrendy.payloadcms.app下显示正常,但在自定义域名mrtrendydesigns.com及www.mrtrendydesigns.com下无法显示。我已按照Payload Cloud官方文档中「添加自定义域名」和「访问Payload Cloud外文件」的所有步骤操作,仍存在该问题,请问哪里操作有误?
排查方向及可能疏漏
- DNS解析与域名绑定验证
- 确认DNS记录中,
mrtrendydesigns.com和www.mrtrendydesigns.com均配置了指向Payload Cloud默认域名的CNAME记录,且解析已生效(可通过nslookup mrtrendydesigns.com命令验证)。 - 登录Payload Cloud控制台,检查两个自定义域名是否都已完成绑定并显示「验证通过」状态,避免遗漏其中一个域名。
- 确认DNS记录中,
- 跨域访问(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证书与缓存清理
- 检查自定义域名的SSL证书是否同时覆盖主域名和www子域名,可通过浏览器地址栏的锁形图标查看证书详情。
- 强制刷新浏览器缓存(
Ctrl+Shift+R),若站点启用了CDN,需同步清除CDN缓存,避免旧的资源URL缓存导致加载失败。
内容的提问来源于Stack Exchange,提问作者Kihiu
相关产品推荐
相关产品推荐

