AWS Amplify加载时指向不存在目录的问题排查及相关配置咨询

我来帮你拆解一下这些问题，结合AWS Amplify的常见配置坑给你分析：

是否存在仅在首次加载时生效的AWS Amplify重定向/重写规则？ #

Amplify的Rewrites and Redirects规则默认对所有请求生效，没有专门“仅首次加载触发”的规则。不过有两种情况可能让你产生这种错觉：

• 单页应用(SPA)的默认重写规则，会把所有非静态资源的404请求导向入口页，但如果规则配置冲突，可能只有首次加载时表现异常；
• Amplify的规则是从上到下按顺序匹配的，如果你之前的有效规则被后续添加的规则覆盖，就会出现“突然失效”的情况，建议检查规则的排序是否正确。

应在何处指定网页的入口点（我从未进行过相关配置）？ #

在Amplify里，入口点的配置主要有两个核心位置：

• Build settings：在控制台的App settings > Build settings中，如果你用前端框架，Amplify会自动检测并设置入口；如果是纯静态HTML项目，可以在amplify.yml里指定baseDirectory（比如你的login_signup文件夹，确保部署后静态文件的路径正确）；
• Rewrites and Redirects：这里的SPA规则是控制入口的关键，默认规则是把所有非静态资源请求导向index.html，如果你的入口是login_signup/login.html，需要修改规则的目标路径为/login_signup/login.html。

AWS Amplify为何会自行指向不存在的目录？ #

你遇到的循环路径（somedomain.com/login_signup/login.html/login_signup/login）通常是这两个原因导致的：

• 相对路径错误：如果页面内的链接用了相对路径（比如<a href="login_signup/login">），当用户在/login_signup/login.html页面点击时，浏览器会把路径解析成当前页面路径的叠加，最终生成不存在的路径；
• 重写规则配置错误：如果你的重写规则把404请求导向了相对路径（而非绝对路径），会触发循环重定向，最终触发Amplify默认的XML错误页面；
• 缓存问题：有时候旧的重写规则会被Amplify或浏览器缓存，即使你更新了规则，缓存未失效也会导致请求走旧逻辑。

如何阻止该行为？ #

可以按以下步骤逐步排查修复：

1. 修正页面内的路径：确保所有内部链接、资源引用都使用绝对路径（比如/login_signup/login而非login_signup/login），避免路径叠加；
2. 调整Rewrites and Redirects规则：
   • 删除无效的旧规则，添加适配你项目的SPA重写规则：

     Source: </^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>
     Target: /login_signup/login.html
     Type: 200 (Rewrite)
     

   • 额外添加一条重定向规则，把错误路径直接导向正确页面：

     Source: /login_signup/login.html/login_signup/login
     Target: /login_signup/login.html
     Type: 302 (Redirect)
     

3. 配置正确的baseDirectory：在amplify.yml中设置baseDirectory为静态文件所在的根目录（比如你的项目中login_signup是存放静态文件的文件夹，就设置baseDirectory: login_signup）；
4. 强制刷新部署：在Amplify控制台的App settings > General里点击“Redeploy this version”，同时用浏览器隐私模式测试，避免缓存干扰。

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