如何从部署在CloudFront+S3+Lambda@Edge的Next.js API获取请求URL

方法1：通过Lambda@Edge（Viewer请求阶段）注入自定义请求头 #

在CloudFront的Viewer Request阶段配置Lambda@Edge函数，将CloudFront域名添加到自定义请求头（比如X-CloudFront-Host）中，请求转发到S3源站时会携带这个头，Next.js API可直接读取。

示例Lambda@Edge代码（Node.js）：

exports.handler = (event, context, callback) => {
  const request = event.Records[0].cf.request;
  const cloudFrontHost = request.headers.host[0].value;
  request.headers['x-cloudfront-host'] = [{ key: 'X-CloudFront-Host', value: cloudFrontHost }];
  callback(null, request);
};

Next.js API中读取方式：

export default function handler(req, res) {
  const cloudFrontUrl = `https://${req.headers['x-cloudfront-host']}`;
  res.status(200).json({ cloudFrontUrl });
}

方法2：配置CloudFront自定义源站请求头 #

在CloudFront分发设置的缓存行为中，开启自定义源站请求头，添加X-Forwarded-Host并设置值为Host。CloudFront会将自身域名（someId.cloudfront.net）通过这个头传递给S3，Next.js API直接读取req.headers['x-forwarded-host']即可。

注意：需确保S3 Bucket的CORS配置允许接收该头（若涉及跨域请求）。

方法3：硬编码环境变量（单一域名场景适用） #

如果应用仅对应一个CloudFront域名，可在Next.js环境变量中配置NEXT_PUBLIC_CLOUDFRONT_URL=https://someId.cloudfront.net，API路由直接读取该变量即可。此方法简单，但无法适配多域名场景。

方法4：基于CloudFront请求ID反向映射（备选） #

每个CloudFront请求会携带X-Amz-Cf-Id头，若你维护了CloudFront分发ID与域名的映射表，可在API中通过该ID匹配对应域名。此方法需额外维护映射关系，灵活性差，仅作为备选方案。

内容的提问来源于stack exchange，提问作者Germán Aguilera