I have two different apps hosted under two different domains.

Once the user is logged in app 1 (hosted on aws) and click on the "my profile" button, he/she is redirected to a html page that contains an ajax form.

This ajax form makes a request to app 1's backend and the backend responds with a html form already filled with the infos needed to send the user logged to app 2 (hosted on IIS). This html response also contains a <script> tag with a .submit() function to automaticaly submit the form.

The ajax then place this html form inside a given <div> and the form is submited to app 2.

The problem is that the submition of the form is being blocked... I doesn't say why, but in the browser's Network tab, the status appears as "canceled".

I can imagine that the issue might be related to CORS, but I'm not sure since it doesn't give the cors error explicitly.

Also, it works when running app 1 in localhost.

Edit:

It seems that is not the form submition that is being blocked, but maybe the ajax request to the api asking for the form or the api response containing the form... I'm not sure. At first, when the ajax request POST to the api, the Network tab shows this (image 1). Then, when I get the canceled/blocked error, it shows this (image 2)