[aws-cloudfront] cloudfront won't forward request to custom domain HTTP API.

❓ General Issue

The Question

I am serving static website with S3/Cloudfront at / and I have set custom domain HTTP API at /api/* as per CDK documentation on apigatewayv2 but cloudfront won’t forward request to HTTP API. Cloudfront will serve 404 not found to any /api/* path.

Environment

• CDK CLI Version:
• Module Version:
• Node.js Version:
• OS:
• Language (Version):

Other information

[ffxsam]

Solved! For anyone else looking for the solution:

new cloudfront.Distribution(this, 'Dist', {
  defaultBehavior: {
    origin: new origins.HttpOrigin(
      core.Fn.select(1, core.Fn.split('://', httpApi.url))
    ),
  },
});

[ffxsam]

This is still an issue. What’s the proper way to set up an HTTP origin in CDK? @rix0rrr @njlynch

I see in a post above, you said to use the API endpoint, but that doesn’t work either:

new cloudfront.Distribution(this, 'Dist', {
  defaultBehavior: {
    origin: new origins.HttpOrigin(httpApi.apiEndpoint),
  },
});

The end goal is to set up a CF distribution with a CNAME alias (like api.mydomain.net) and have the origin be a “raw” HTTP API endpoint (*.execute-api.us-east-1.amazonaws.com).