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.
Мне ничего из этого не помогло. Что мне делать?
Примечание. Я пытаюсь учиться, поэтому, вероятно, мой код не оптимален или может содержать ошибки, поэтому любой подробный ответ будет очень ценю. Спасибо!

ОБНОВЛЕНИЕ: мне удалось решить проблему, и теперь я могу успешно войти в систему, и все в моем приложении работает. хорошо.
Это найденное мной решение, которое мне подходит. ссылка
import { CapacitorConfig } from '@capacitor/cli';
import { CapacitorHttp, HttpResponse } from '@capacitor/core';

const config: CapacitorConfig = {
appId: 'io.ionic.starter',
appName: 'smart-home-app',
webDir: 'dist',
server: {
androidScheme: 'http',
cleartext: true,
},
android: {
allowMixedContent: true
},
plugins: {
CapacitorHttp: {
enabled: true
},
}
};

export default config;


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