Ionic 2 broken images after publishing

Question

I'm displaying images in my app hosted with s3/cloudfront. All is fine when testing, Android emulator, device and on the web server but after google approved my app and I download it from the play store all the images are broken? The links are all https, maybe that might cause an issue? Text is coming back from the api fine, it's just the image links.

Anyone run into this problem?

html page:

<ion-content padding>
  <ion-card *ngFor="let article of articles" (click)="getPage(article.id, article.company)" tappable role="button">

  <div class="main-image">
    <div class="image-crop" [ngStyle]="{background: 'url(' + article.mainImage + ') no-repeat center center'}"></div>
  </div>

  <ion-item>
    <h2>{{article.mainHeading}}</h2>
  </ion-item>

  <ion-card-content>
     {{article.mainBody | truncate : 86}}
   </ion-card-content>

  </ion-card>

  <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>

  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>

</ion-content>

component

loadArticles() {
this.httpService.getData('articles?limit=' + this.limit + '&skip=' + this.currentPage * 10)
  .subscribe(
    (data: any) => {
      this.articles = data;
    },
    (error) => {
      console.log(error);
    }
  );

}