如何在AWS S3+CloudFront根域React应用下，用GoDaddy WordPress实现/blog路径并保留域名？

问题核心原因 #

之前配置后出现域名跳转，是因为GoDaddy托管的WordPress的**站点URL（Site URL）和首页URL（Home URL）**默认设置为自身托管域名（如wordpress-blog.com），当CloudFront转发请求时，WordPress会返回重定向到自身域名的响应，导致浏览器地址栏变更。

方案一：无需迁移，调整GoDaddy WordPress+CloudFront配置 #

1. 修改WordPress核心URL配置 #

• 登录GoDaddy的WordPress后台，进入「设置」→「常规」
• 将「WordPress地址（URL）」和「站点地址（URL）」统一修改为 https://example.com/blog
• 保存设置后，WordPress内部的所有链接、资源路径会自动适配新路径，不再返回跳转到原托管域名的响应

2. 优化CloudFront Origin与行为配置 #

• Origin设置：保持指向GoDaddy提供的WordPress实际访问域名（如wordpress-blog.com），添加自定义Origin头部：Host: example.com，让WordPress识别请求的主机头为你的主域名，而非CloudFront的Origin域名
• 行为配置：
  • 路径模式设为 /blog/*
  • 「转发请求头」选择「自定义」，勾选Host、Referer、User-Agent等必要头部，确保WordPress能正确处理请求
  • 「允许HTTP方法」设置为 GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE，覆盖WordPress所需的动态请求方法
  • 针对静态资源（如/blog/wp-content/*）单独配置缓存策略，动态路径（如/blog/wp-admin/*）禁用缓存

3. 批量修正静态资源路径 #

• 使用WordPress后台的搜索替换工具（或数据库直接替换），将所有旧域名（如https://wordpress-blog.com）替换为https://example.com/blog，确保图片、CSS、JS等资源路径正确

方案二：迁移WordPress到AWS Lightsail（更高可控性） #

如果GoDaddy托管方案限制修改站点URL，或需要更灵活的配置，可迁移到Lightsail：

1. 导出GoDaddy WordPress内容 #

• 后台「工具」→「导出」导出所有文章、页面、媒体内容
• 通过FTP或GoDaddy文件管理器下载主题、插件、上传的媒体文件备份

2. Lightsail部署WordPress #

• 启动Lightsail的WordPress预制实例，选择合适的规格
• 用AWS Certificate Manager申请覆盖example.com的SSL证书，绑定到实例
• 修改Lightsail上WordPress的「站点地址（URL）」为https://example.com/blog，「WordPress地址（URL）」可设为实例内部地址或统一为https://example.com/blog

3. 配置CloudFront #

• 添加Lightsail实例的公网IP或域名作为CloudFront Origin
• 配置/blog/*路径的行为，转发必要请求头，设置静态资源缓存、动态请求不缓存的策略

4. 恢复内容与配置 #

• 后台「工具」→「导入」导入之前导出的内容
• 上传并激活备份的主题、插件，调整站点设置

通用注意事项 #

• 确保CloudFront的SSL证书覆盖example.com，避免HTTPS访问错误
• 测试前清空CloudFront缓存和浏览器缓存，避免旧配置干扰
• 保持WordPress永久链接为「文章名称」模式，确保/blog/xxx格式的链接正常工作

内容的提问来源于stack exchange，提问作者Raman Kishore