I have an MVC application hosted in on premise IIS which has form authentication. <system.web> setting is:
<system.web>
<compilation debug="true" targetFramework="4.8"/>
<httpRuntime targetFramework="4.8"/>
<authentication mode="Forms">
<forms loginUrl="~/Login" timeout="2880"/>
</authentication>
<authorization>
<allow users="?" verbs="OPTIONS"/>
<deny users="?"/>
</authorization>
</system.web>
So, when a user is not authenticated, it redirects to login page. My login controller looks like:

It has an API which is POST method and returns a list.
I am accessing this api using ajax in the UI.

It is working fine in this application. Now I have another MVC application which is in azure cloud and it needs to access this API. When I am invoking it (http://my-premise-application.com/api/customer/list), it is returning the content of the login page. What are possible way to invoke api of the first application from the second application? Any suggestion or guidance would be helpful.
