与 CloudFront 分配关联的 Lambda 函数无效或不具有所需的权限

Question

因此，作为借口，我几乎不知道该怎么办。我研究了大约两个小时，通常我会继续下去，但我发现的信息都没有用。我怀疑这与 YAML (serverless.yml) 文件有关，但我不确定。我对该文件进行了多次更新，因此我将发布初始代码和当前代码，尽管没有任何区别。该代码在开发中完美运行，但在生产中会引发错误。您可以查看https://www.evote.space来复制此内容。

当前的

myNextApplication:
  service: myService
  component: "@sls-next/serverless-component@1.18.0"
  provider:
    name: aws
    runtime: nodejs12.x
    stage: dev
    profile: evote
    iam:
    role: rolenamegoesherebutnotonstackoverflow
  inputs:
    domain: "evote.space"
  functions:
    createuser:
      handler: data.createuser
    readTable:
      handler: data.readTable
  resources:
    Resources:
      usersTable:
        Type: AWS::DynamoDB::Table
        Properties:
          TableName: Users
          AttributeDefinitions:
          - AttributeName: userHash
            AttributeType: N
          KeySchema:
          - AttributeName: userHash
            KeyType: HASH
      votersTable:
        Type: AWS::DynamoDB::Table
        Properties:
          TableName: Voters
          AttributeDefinitions:
          - AttributeName: voterHash
            AttributeType: N
          KeySchema:
          - AttributeName: voterHash
            KeyType: HASH
      electionsTable:
        Type: AWS::DynamoDB::Table
        Properties:
          TableName: Elections
          AttributeDefinitions:
          - AttributeName: electionHash
            AttributeType: N
          KeySchema:
          - AttributeName: electionHash
            KeyType: HASH
      ballotsTable:
        Type: AWS::DynamoDB::Table
        Properties:
          TableName: Ballots
          AttributeDefinitions:
          - AttributeName: ballotHash
            AttributeType: N
          KeySchema:
          - AttributeName: ballotHash
            KeyType: HASH

初始（首次部署时出现错误）

myNextApplication:
  service: myService
  component: "@sls-next/serverless-component@1.18.0"
  provider:
    name: aws
    runtime: nodejs12.x
    stage: dev
    profile: evote
  inputs:
    domain: "evote.space"

我的代码库非常庞大，由许多页面和组件组成。到目前为止，我所做的只是一个登录函数，但在注册页面上，它调用 api 返回用户（用于重复电子邮件验证），它返回我们都太熟悉的错误“Unexpected token < in JSON在位置 0" 如果您返回然后再次加载页面，您可以让控制台显示该错误的来源，内容如下：

503 ERROR 请求无法得到满足。与 CloudFront 分配关联的 Lambda 函数无效或不具有所需的权限。目前我们无法连接到此应用程序或网站的服务器。可能存在流量过多或配置错误。请稍后重试，或联系应用程序或网站所有者。如果您通过 CloudFront 向客户提供内容，则可以通过查看 CloudFront 文档找到解决问题的步骤并帮助防止此错误。由 cloudfront (CloudFront) 生成 请求 ID：No0_qVJ3gcOpg48rMXqvgyipx4wKWmV-hRewQblZ-loyaaiVJLqGIA==

所以，是的，如果你能帮忙，请帮忙。

编辑： 导致问题的代码是以下块

NewUser.getInitialProps = async ({ req }) => {
  if (req) {
    // this is server side
    return {
      users: await data.readTable("Users")
    };
  } else {
    // we are client side
    const response = await fetch("/api/users");
    return { users: await response.json() };
  }
};

处理这个问题的 api 最初看起来像这样：

import data from "../../../data"

export default async (req, res) => {
  console.log("/api/users HIT!");
  res.status(200).json(await data.readTable("Users"));
};

但我更改了它，以便可以将其标记为 lambda，所以现在它看起来像这样（尽管没有什么区别）：

import data from "../../../data";

module.exports.read = async (event, context, callback) => {
  console.log("/api/users HIT!");
  callback(null, {statusCode: 200}).json(await data.readTable("Users"));
}

Answer 1

因此，经过仔细研究，我做了以下工作，这显然是一个非常常见的问题，因此我建议其他遇到此问题的人执行以下操作。请记住，这是针对 serverless-nextjs 组件而不仅仅是无服务器框架，尽管同样的情况也适用于那里：

1. 我仔细地研究了存储库自述文件并遵循了所有说明。
2. 我登录到AWS控制台，发现我认为是主要问题，但实际上是第三个问题；Lambda@Edge 仅配置了基本的 CloudWatch Logging 权限。我使用所有必要的权限更新了它，同时确保最佳实践
3. 更新 Lambda 后，请确保将其部署到 Lambda@Edge（在“操作”菜单下）
4. 然后我导航到 CloudWatch 并检查正确区域中的日志，并在调用 API 后发现错误。
5. 不知何故，我的 DynamoDB 表被删除或未正确复制，因此我使用 npm run infra 及之后从 SDK 重新部署了它们。

这种经历总是值得拥有的。对于代码中真正愚蠢的错误，您绝不是无敌的。99% 的情况下，如果你陷入困境并认为它很复杂并且修复它是不现实的，请退后一步问：“这可能是最愚蠢的事情是什么？”

事情总是如此。