在 Android Emulator 上运行应用程序时，如何在 Ionic React 应用程序中使用社区 HTTP 插件？

我正在开发一个运行在 Capacitor 之上的 Ionic React App。它适用于浏览器中的 axios 请求，但在 Android 上我有CORS问题，这就是我使用的原因community HTTP plugin：https : //github.com/capacitor-community/http

示例：我单击我的登录按钮。我的电子邮件和密码等数据应该通过 HTTP post 发送，但它捕获了我放在那里的错误： Try again' 。

你知道它为什么会发生吗？

也没有关于 Android Studio 请求的错误日志。只有这些：

    /system_process E/ClipboardService: Denying clipboard access to com.google.android.googlequicksearchbox, application is not in focus nor is it a system service for user 0
    E/netmgr: qemu_pipe_open_ns:62: Could not connect to the ‘pipe:qemud:network’ service: Invalid argument
    E/netmgr: Failed to open QEMU pipe ‘qemud:network’: Invalid argument
    E/wifi_forwarder: qemu_pipe_open_ns:62: Could not connect to the ‘pipe:qemud:wififorward’ service: Invalid argument
    E/wifi_forwarder: RemoteConnection failed to initialize: RemoteConnection failed to open pipe

为了解决这些错误，我在application元素中添加了这个设置：

    android:usesCleartextTraffic=“true”

但错误仍然发生。

Android 模拟器已连接到 Internet。

<!-- Permissions -->
    <uses-permission android:name="android.permission.INTERNET" />
 <!-- Network API -->
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

登录.tsx：

import React from "react";
import { useHistory } from "react-router-dom";
import { useState, useContext } from "react";
import MyContext from "../my-context";
import {
  IonPage,
  IonHeader,
  IonContent,
  IonButton,
  IonInput,
  IonLabel,
  IonItem,
  IonGrid,
  IonCol,
  IonAlert,
} from "@ionic/react";
import { Http, HttpResponse } from "@capacitor-community/http";

const Login = () => {
  const history = useHistory();
  const {
    email,
    setEmail,
    password, 
    setPassword
  } = useContext(MyContext);

     const doLogin = async (e: any) => {
    e.preventDefault();

    const loginData = {
      email: email,
      password: password,
    };

    //https://github.com/capacitor-community/http
    const options = {
      url: "https://xx/login,
      data: loginData,
    };
    const response: HttpResponse = await Http.post(options)

      .then((response) => {

        if (response.data.token) {
          history.push("/home");
          window.location.reload();
        }
        return response.data;
      })
      .catch((error) => {
        setMessage(
          "Try again!"
        );
      setIserror(true);
      });
    };

return (
    <IonPage>
      <IonContent className="ion-padding ion-text-center">
        <IonGrid>
          <IonRow>
            <IonCol>
              <IonAlert
                isOpen={iserror}
                onDidDismiss={() => setIserror(false)}
                header={"Info!"}
                message={message}
                buttons={["Ok"]}
              />
            </IonCol>
          </IonRow>
         
                <h1>Login</h1>
              </IonCardTitle>
          
              <IonItem>
                <IonLabel position="floating">Email</IonLabel>
                <IonInput
                  name="email"
                  type="email"
                  value={email}
                  onIonChange={(e) => setEmail(e.detail.value!)}
                />
              </IonItem>

              <IonItem>
                <IonLabel position="floating">Password</IonLabel>
                <IonInput
                  name="password"
                  type="password"
                  value={password}
                  onIonChange={(e) => setPassword(e.detail.value!)}
                />
              </IonItem>
             
              <IonButton onClick={doLogin}>Login</IonButton>
             
        </IonGrid>
      </IonContent>
    </IonPage>
  );
};

export default Login;

自 3 天以来我一直在解决这个问题，所以任何帮助都会非常非常感激。谢谢！