如何修復 AWS Amplify Angular App 中的“拒絕存取”錯誤

當您在 AWS Amplify 上部署您的 Angular 應用程式時，第一個登陸頁面可以正常載入。然而，如果您在您的路由器中定義了一條路徑並嘗試存取它，您可能會遇到一個“拒絕存取”的錯誤：

要解決這個問題，首先導航至 AWS 控制台，然後選擇“重寫和重定向”。接著，加入一條新的重寫和重定向規則。點擊“開啟文字編輯器”並插入以下的規則：

[
  {
    "source": "</^[^.]+$|\\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf)$)([^.]+$)/>",
    "target": "/index.html",
    "status": "200",
    "condition": null
  }
]

添加這條規則後，嘗試再次存取您的 URL。現在應該可以按預期工作了。