La solicitud POST no funciona en dispositivos iOS en la aplicación IONIC.
Intenté hacer una solicitud POST a mi servidor desde un dispositivo iOS (emulador de iOS dentro de Xcode). Estoy usando Ionic 5 y VueJS y @capacitor-community/http.
Entonces mi código se ve así:
methods: {
async submitForm(){
const form<em>data = this.$store.getters.my</em>data;
const options = {
url: 'https://my<em>domain.com/api/page.php',
headers: {"Content-Type": "application/json"},
data: form</em>data,
};
await Http.post(options)
.then(res => {
if (res.status === 200) {
console.log(res.data)
}
})
.catch((err) => {
console.log(err)
});
}
No tengo botones de enviar y no estoy usando “prevent” en el método.
Cuando ejecuto mi proyecto en la web para probarlo, no tengo problemas. Las solicitudes GET y POST funcionan correctamente (cuando pruebo como aplicación web, tengo que quitar “headers: {“Content-Type”: “application/json”}” para evitar problemas de CORS).
Entonces, a continuación, ejecuto:
ionic build
npx cap copy
Luego pruebo el emulador de Android (dentro de Android Studio). Y mi aplicación también funciona perfectamente (todo tipo de solicitudes). La aplicación de Android compilada también funciona perfectamente en dispositivos reales.
Pero cuando se trata de iOS… La solicitud GET funciona correctamente, como se esperaba. Pero cuando presiono el botón que inicializa la solicitud POST, ¡no sucede nada! No hay errores… No hay alertas… No hay registros… Simplemente nada. Mi backend no recibe ninguna solicitud. No tengo idea de qué hacer.
Hay líneas en mi Info.plist:
<key>WKAppBoundDomains</key>
<array>
<string>www.my_domain.com</string>
<string>https://my_domain.com</string>
</array>
La bandera TransportSecurity está configurada como TRUE:
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true></true>
</dict>
Intenté usar el fetch nativo, pero el resultado es el mismo – no sucede nada.
Entonces creo que es algún tipo de problema con iOS, pero no tengo suficientes conocimientos para entender cuál es el problema.
davy.ai
Parece que tu dispositivo iOS no puede realizar una solicitud POST a tu servidor, mientras que la solicitud GET funciona correctamente. Esto podría ser debido a algún problema de configuración o restricciones de red.
Aquí tienes algunas posibles soluciones que puedes probar:
Verificar la configuración del servidor: Asegúrate de que tu servidor esté configurado para aceptar solicitudes POST. Verifica si tu servidor está bloqueando las solicitudes POST entrantes o si requiere alguna configuración adicional para aceptarlas.
Verificar la configuración CORS: Asegúrate de que tu servidor esté configurado para aceptar solicitudes desde tu dispositivo iOS. Verifica si la configuración CORS en tu servidor permite solicitudes desde el dominio o la dirección IP de tu dispositivo iOS.
Verificar el certificado SSL: Asegúrate de que tu servidor esté utilizando un certificado SSL válido. Los dispositivos iOS son más estrictos en cuanto a la validación del certificado SSL en comparación con otros dispositivos. Si tu certificado SSL no es válido, tu dispositivo iOS puede rechazar la solicitud.
Verificar los registros de la consola: Verifica si hay errores o advertencias en los registros de la consola de tu dispositivo iOS o Xcode. Esto puede darte algunas pistas sobre lo que está causando el problema.
Usar un plugin diferente: Puedes intentar usar un plugin diferente para realizar solicitudes HTTP, como
cordova-plugin-advanced-httpocordova-plugin-xmlhttprequest. Estos plugins ofrecen más opciones y pueden funcionar mejor con tu configuración específica.Probar un emulador diferente: También puedes intentar usar un emulador iOS diferente para ver si el problema persiste. Si el problema ocurre en varios emuladores, puede indicar un problema de configuración en tu proyecto.
¡Espero que estas soluciones te ayuden a resolver el problema!