Angular read json file from s3

Question

I try to read json file data from s3 bucket with public access for parse data and display in a html table.

http.get<Post>('https://jsonfile/file.json').subscribe    (res => {   
      console.log(res);
    });

I have this error:

ERROR
HttpErrorResponse {headers: {…}, status: 0, statusText: "Unknown Error", url: null…}

This is my stackblitz: https://stackblitz.com/edit/angular-kwn1zg

score 2 · Accepted Answer · answered Aug 25 '20 at 07:32

This is most likey due to CORS issues. Find more information in this answer.

If you're using this URL it works:

https://cors-anywhere.herokuapp.com/https://temporal.s3.amazonaws.com/limites.json

http
  .get<Post>("https://cors-anywhere.herokuapp.com/https://temporal.s3.amazonaws.com/limites.json")
  .subscribe(res => {
    console.log(res);
  });

So you have to enable CORS for your S3 Bucket to solve this issue properly.

Angular read json file from s3

1 Answers1