503 错误无法满足请求（AWS Amplify）答案

【问题标题】：503 ERROR The request could not be satisfied (AWS Amplify)503 错误无法满足请求（AWS Amplify）
【发布时间】：2021-11-23 14:23:19
【问题描述】：

我在 AWS Amplify 上部署了 Next.js 服务器端渲染应用程序。我是 AWS 新手，不知道我遇到此错误的确切原因。我已经阅读了很多文章和文档，但我无法解决这个问题。

我正在使用 getServerSideProps 从 API 等获取参数和道具。在 Vercel 和 Netlify 上，我的应用运行良好，但在 Amplify AWS 上出现错误。

我的应用正在加载静态页面，但在动态页面上出现错误。例如。 www.example.com/test-1

这里test-1是动态路由"/:id"

我得到的错误：

503 错误无法满足请求。与 CloudFront 分配关联的 Lambda 函数无效或没有所需的权限。我们无法连接到此时此应用程序或网站的服务器。也可能有流量过多或配置错误。请稍后再试，或联系应用程序或网站所有者。如果您通过 CloudFront 向客户提供内容，您可以通过查看来查找故障排除步骤并帮助防止出现此错误 CloudFront 文档。

我知道这个错误是专门针对权限的，但我不知道如何配置它们。

【问题讨论】：

您是否使用amplify init 配置了您的项目？另外请确保您拥有该项目的正确权限。
不，我没有配置放大初始化
@RohmanHM 我知道它与权限有关，我不知道如何配置我是全新的放大。

标签： amazon-web-services aws-lambda amazon-cloudfront amplify aws-regions

【解决方案1】：

问题在于我的 Lambda 函数，它们是为我的应用程序定义的，其中一些无法识别，修复它们并且向用户授予权限是唯一的解决方案。

【讨论】：

【解决方案2】：

您的 lambda 函数很可能存在权限问题或其他问题。另外，正如有人提到的，尝试做amplify init。

【讨论】：

【解决方案3】：

首先，请检查您使用的 Next.js 的版本，因为 AWS Amplify 正式支持版本 11。此外，Next.js 11 默认使用 webpack5，Amplify 再次不支持。所以，你可以做一些事情来解决这个问题（就像我做的那样）-

使用 Next.js 到 v11.1.3 和

在next.config.js 中设置webpack5 为假-


  //next.config.js

  const nextConfig = {
    ...
    ...
    webpack5: false,
    ...
    ...
  }

  module.exports = nextConfig

【讨论】：

这解决了我的问题。我使用的是 Next 12 和 Webpack 5。