title: Why doesn't my API request send on load of page cached by CloudFront?
body: <p>I have an Angular 7 app hosted on an S3 bucket that makes API requests to an Elastic Beanstalk backend. The S3 bucket is fronted by CloudFront, and I'm using Lambda to intercept requests for prerendering via Prerender.cloud. When I load my page (<a href="https://contrast.fm/calendar" rel="nofollow noreferrer">https://contrast.fm/calendar</a>), the initial API request to load the page's data does not get sent.</p>
  
  <p>This works perfectly fine in my local environment i.e. the initial request to my calendar endpoint gets sent. Also works fine when I load the site via the bucket URL. I've noticed that if I invalidate * in CloudFront, the request successfully sends on page load. But any subsequent refreshes of the page do not result in requests being sent.</p>
  
  <p>Therefore, I believe I have a fundamental misunderstanding of how my site should be working with regard to CloudFront. Shouldn't HTTP requests made by the app on initialization be sent regardless of whether or not the page is cached?</p>