Hi everyone! I have a problem when I am trying to do a Http call using capacitor (iOS platform). The error is the following: [Error] XMLHttpRequest cannot load https://… due to access control checks. Failed to load resource: Preflight response is not successful I think that the issue is related…

Yes I did. I actually got the resolution via lodging a ticket using our paid MS support subscription. You can see it here in this screenshot from the Azure portal: [image]

I haven’t configured an app with Azure yet, so some suggestions to try: Review the Ionic CORS docs , that mention preflights at the beginning Debug your app locally on a device, and trigger calls to Azure. From DevTools, open the Network tab to look at those Azure API calls - the preflight failure…

Use Charles proxy to see what the real error is. Safari dev tools don’t show the raw request to be able to help.

Thanks for your answer @netkow ! However, I already applied your solution. After some research I found the following topic in Azure: [image] Add support for ionic scheme in CORS policy Today CORS policy in APIM only allows http, https or file scheme in allowed-origins. https://docs.mic…

We’ll try to get in touch with the Azure team. As a workaround, check out the HTTP plugin , which uses native HTTP connections (aka bypassing this issue entirely, I think).

Thanks again @netkow ! But my project is a multiplatform solution (mobile and desktop), and that plugin only supports Android and iOS… There is no better solution? And why iOS platform uses capacitor:localhost? Actually is the only platform that has problems with cors origin… Thanks!

@netkow I tryied using the plugin but it seems that the origin is the same “capacitor://localhost” which means that can’t pass throug Azure CORS. Do you know if there is another workaround or if a can change the origin header to allow the request pass through CORS? Thanks in advance.

@Arthus15 i know its not ideal, but that plugin Matt links does work for ios. What issues were you having?

The solution to this issue is from the Azure side. Use the Azure CLI to add the CORS origin, rather than doing it via the Azure portal UI. The CLI call is: az webapp cors add --allowed-origins https://myapps.com --name MyWebApp --resource-group MyResourceGroup --subscription MySubscription Anoth…

You managed to add to the CORS exeption the capacitor://localhost with those steps @daveywc ?

Preflight response is not successful in Capacitor iOS platform

Capacitor

andysousa December 23, 2019, 4:03pm 8

hey @netkow, any solution for this? We are in the process of porting from cordova to capacitor on 2 enterprise apps and we just hit this wall.

Topic		Replies	Views
Ionic 6 Capacitor - CORS error with Ios (Safari and Iphone) but worked with Chrome and Android Capacitor	7	7543	March 21, 2023
Ionic Capacitor iOS cors issue - Oddly iOS mobile devices only? Ionic Framework	3	1445	January 18, 2023
CORS Errors in ionic 6 capacitor Ionic Framework	4	3341	January 12, 2023
Funny Origin: ionic://localhost CORS header on ios Ionic Framework	2	5525	July 15, 2019
Capacitor cors question Capacitor	3	815	May 3, 2021

Preflight response is not successful in Capacitor iOS platform

Related topics