Estoy creando una aplicación Cordova que usa jQuery Ajax para cargar imágenes en nuestro servidor. Las cargas funcionaron durante un tiempo tanto en Android como en iOS, luego, después de un tiempo, de repente dejaron de funcionar en iOS. Ahora, después de unos segundos de intentar acceder a un sitio web, la solicitud falla y aparece un mensaje de error, que no es de mucha ayuda. El error es como el siguiente:
readyState: 0 status: 0 statusText: "error"mi código es:
$.ajax("http://testapi.com/api", { data: submission, processData: false, contentType: false, method: "POST", // submission was successful success(data) { if (JSON.parse(data).success) { // backend validated and accepted submission } else { // backend rejected submission due to validation errors } }, // submission failed // eslint-disable-next-line no-unused-vars error(xhr, text, error) { alert( JSON.stringify(xhr) + " " + text + " " + JSON.stringify(error) ); } });Mi política de seguridad de contenido, en index.html es:
<meta http-equiv="Content-Security-Policy" content="default-src * blob: gap://* file: http: https: ; style-src 'self' 'unsafe-inline'; script-src * blob: file: 'unsafe-inline' 'unsafe-eval' http: https: ; img-src 'self' data: blob: file: ; media-src * blob: file: http: https: ;"Y config.xml es: `
<config-file parent="NSCameraUsageDescription" target="*-Info.plist"> <string>World Bee Count needs access to your camera and photo library</string> </config-file> <edit-config file="*-Info.plist" overwrite="true" target="NSLocationWhenInUseUsageDescription"> <string>need location access to find things nearby</string> </edit-config> <edit-config file="*-Info.plist" overwrite="true" target="NSLocationAlwaysAndWhenInUseUsageDescription"> <string>need location access to find things nearby</string> </edit-config> <string file="*-Info.plist" overwrite="true" target="NSLocationAlwaysUsageDescription"> <string>need location access to find things nearby</string> </string> <config-file parent="NSPhotoLibraryUsageDescription" target="*-Info.plist"> <string>World Bee Count needs access to your camera and photo library</string> </config-file> <preference name="StatusBarOverlaysWebView" value="false" /> <preference name="StatusBarBackgroundColor" value="#2D81C1" /> <preference name="Fullscreen" value="true" /> <feature name="CDVWKWebViewEngine"> <param name="ios-package" value="CDVWKWebViewEngine" /> </feature> <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" /> <preference name="WKWebViewOnly" value="true" /> </platform> <engine name="ios" spec="5.1.0" /> <plugin name="cordova-plugin-geolocation" /> <plugin name="cordova-plugin-device" /> <plugin name="cordova-plugin-file" /> <plugin name="cordova-plugin-filepath" /> <plugin name="cordova-plugin-whitelist" /> <plugin name="cordova-plugin-add-swift-support" /> <plugin name="com.subitolabs.android.cordova.galleryapi" spec="https://github.com/Collaborne/cordova-gallery-api.git"></plugin> <plugin name="cordova.plugins.diagnostic" /> <plugin name="cordova-plugin-android-permissions" /> <plugin name="cordova-plugin-splashscreen" source="npm" /> <plugin name="cordova-plugin-camera-preview"></plugin> <plugin name="cordova-plugin-wkwebview-engine" spec="~1.2.1" /> <plugin name="cordova-plugin-screen-orientation" spec="~3.0.2" />` <access origin="*" /> <allow-intent href="*" /> <allow-navigation href="*" />Estoy ejecutando esto en iOS 13 y usando la compilación PhoneGap
Mi problema es más similar a este Ajax que no funciona en IOS 9.0 Cordova
Intenté actualizar mi config.xml de acuerdo con esta pregunta , pero parece que no funciona.
Cualquier ayuda sería muy apreciada, he estado trabajando en esto durante horas y parece que no puedo llegar a ninguna parte.
Bien, descubrí que el problema se debía a una actualización reciente de UIWebView a WKWebView, que estaba rompiendo el código Ajax. Agregué el complemento cordova-plugin-wkwebview-file-xhr a mi proyecto como se describe en la documentación. También eliminé la especificación de la versión en el complemento del motor WKWebView. Mi config.xml fue editado para incluir lo siguiente:
<plugin name="cordova-plugin-wkwebview-engine" /> <plugin name="cordova-plugin-wkwebview-file-xhr" spec="~2.1.4" />Y debajo
<platform name="ios"> .... <preference name="AllowUntrustedCerts" value="on" /> <preference name="InterceptRemoteRequests" value="all" /> <preference name="NativeXHRLogging" value="full" />Probé varias combinaciones de las preferencias, pero solo esta combinación funcionó. Sin embargo, NativeXHRLogging podría desactivarse ya que no parecía importar. Después de esto todo comenzó a funcionar una vez más.
Tuve el mismo problema al compilar con Cordova IOS 6.1.1.
Intenté la solución anterior pero obtuve errores de compilación con -engine como se mencionó.
Eliminé -engine y simplemente usé el último archivo-xhr y funcionó.
Simplemente use el siguiente complemento, trabajado con o sin las preferencias mencionadas anteriormente.
<plugin name="cordova-plugin-wkwebview-file-xhr" source="npm" version="3.0.0" />