Issue with the signed URL for CloudFront in AWS

I enabled signed URL in CloudFront. And tried to access S3 bucket files using signed URL which connects to this URL: ‘https://domain_of_cloudfront/file_name‘ and able to access individual objects from S3.

Here what the problem is, I want to access my angular application through CloudFront. So I placed dist folder files in S3 and the root object is index.html. So I generated signed URL for ‘https://domain_of_cloudfront/index.html‘. But the page is not loading. Can anyone help with this?

I followed this URL: https://medium.com/@ratulbasak93/serving-private-content-of-s3-through-cloudfront-signed-url-593ede788d0d

Thanks in advance.

Source: AngularJS