Android-приложение Ionic Capacitor не имеет доступа к Интернету ⇐ Android

[Anonymous]

У меня есть проект Ionic + Vue, и я использую Capacitor, чтобы добавить в свой проект платформу Android. Приложение работает корректно как на виртуальном устройстве, так и на моем Xiaomi Mi A2, поскольку оно показывает созданный мной экран входа в систему. Однако когда я ввожу свои учетные данные, он не подключается к серверу, на который я пытаюсь войти.
Это мой метод входа:

Код: Выделить всё

async login() {
try {
const response = await axios.post('http://secure.example.com/login', {
email: this.email,
password: this.password
});

if (response.data.success) {
const token = response.data.data.token;
localStorage.setItem('token', token);
this.showToast('Has iniciado sesión');
this.$router.push('/Home');
} else {
this.showToast('Credenciales inválidas. Inténtalo de nuevo');
}
} catch (error) {
console.error('Error en el login:', error);
this.showToast('El login ha fallado. Inténtalo de nuevo más tarde');
}
},
showToast(message) {
this.toast.message = message;
this.toast.isOpen = true;
}

Подробнее:

• Версия Android на виртуальном устройстве: Android R.
• Версия Android на Xiaomi Mi A2: Android 10.
• URL-адрес входа использует протокол HTTP.
• Я использую Axios (не уверен, это важно).

Что я пробовал:

• Добавление android:usesCleartextTraffic="true" в AndroidManifest.xml.
• Создание security_network_config.xml< /code> файл:

Код: Выделить всё

secure.example.com

и добавление
в AndroidManifest.xml.
Мне ничего из этого не помогло. Что мне делать?
Примечание. Я пытаюсь учиться, поэтому, вероятно, мой код не оптимален или может содержать ошибки, поэтому любой подробный ответ будет очень ценю. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/790 ... s-internet