这个问题我之前帮不少人排查过，核心原因是你当前使用的是S3的REST API访问端点，而非专门的静态网站托管端点——两者的域名结构差异，导致浏览器解析根相对链接（比如/page-2/）时出现了偏差。

问题根源拆解 #

当你通过https://s3-us-west-2.amazonaws.com/www.MYBUCKET.com/index.html访问时，浏览器会把s3-us-west-2.amazonaws.com识别为站点的根域名。所以点击href="/page-2/"的链接时，浏览器会直接跳转到该根域名下的page-2/路径，也就是https://s3-us-west-2.amazonaws.com/page-2/index.html，而不是你预期的Bucket子路径。

下面是几个可行的解决方案，按推荐程度排序：

方案1：使用S3静态网站托管专属端点访问 #

这是最直接的临时解决办法，不需要修改任何代码或配置：

• 登录AWS控制台，进入你的www.MYBUCKET.com Bucket
• 切换到静态网站托管标签页，找到页面中的「端点（Endpoint）」地址，格式类似：
  http://www.MYBUCKET.com.s3-website-us-west-2.amazonaws.com
• 用这个端点地址访问你的网站，根相对链接就会正确指向Bucket内的子路径（比如/page-2/会跳转到http://www.MYBUCKET.com.s3-website-us-west-2.amazonaws.com/page-2/index.html）

方案2：配置自定义域名（推荐长期方案） #

如果想让用户通过www.MYBUCKET.com这样的自定义域名访问，需要完成以下步骤：

1. 确认Bucket名称与自定义域名一致：你的Bucket已经是www.MYBUCKET.com，这一步已经满足。
2. 配置DNS解析：
   • 如果你用AWS Route 53，创建一条别名记录，将www.MYBUCKET.com指向S3静态网站托管的端点（不是REST端点）。
   • 如果用第三方DNS服务商，创建CNAME记录指向静态网站托管端点，或者根据服务商要求配置别名。
3. 验证访问：配置完成后，访问www.MYBUCKET.com，此时根相对链接会基于你的自定义域名解析，跳转路径完全符合预期。

方案3：修改链接为相对路径（临时应急） #

如果暂时无法调整访问端点或域名，可以修改页面中的根相对链接：

• 将所有开头带斜杠的链接（比如href="/page-2/"）改为不带斜杠的相对路径（href="page-2/"）
• 这样点击链接时，浏览器会基于当前页面的URL路径跳转，比如从首页https://s3-us-west-2.amazonaws.com/www.MYBUCKET.com/index.html点击后，会跳转到https://s3-us-west-2.amazonaws.com/www.MYBUCKET.com/page-2/index.html
• 注意：这种方式适合简单的扁平站点，如果页面层级较深（比如/blog/post-1/下的链接），容易出现路径错误，不推荐作为长期方案。

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