'XMLHttpRequest fail on AWS Amplify for requesting HTML

I am trying to use Jquery's ajax method to request a document to load into my page on AWS amplify. I get a 403 error from Amplify, even though the script and requested document are hosted on the same site.

I tried this from the Chrome Developer console within my web page:

$.ajax({type:"GET", url : "/_status_normal.inc"}).done(r=>console.log(r));

Response:

<?xml version="1.0" encoding="UTF-8"?>
<Error><Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>K1EQ6385K38BZRWK</RequestId>
<HostId>rebHmO5sssss/pqNIomerEo/mVbCVliqu6sycTOXfc=</HostId>
</Error>

How do I make a simple XMLHTTPRequest using jQuery with AWS Amplify?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source