Ionic Android端Axios报Request Aborted错误，Web端运行正常

问题详情 #

我用Ionic开发Android应用，通过Axios调用一个简单的登录POST接口，该接口在Web浏览器中运行正常，但在App中抛出以下错误：

$e {message: 'Request aborted', name: 'AxiosError', code: 'ECONNABORTED', config: {…}, request: XMLHttpRequest, …}
code
: 
"ECONNABORTED"
config

登录请求的代码如下：

const formData = new FormData();
formData.append('username', username);
formData.append('email  ', username);
formData.append('password', password);
formData.append('grant_type', 'password');

try {
  const response = await axios.post(apiUrl, formData);

  if (response.status === 200) {
    const data = response.data;

    // 检查返回数据是否包含预期字段
    if (data && data.access_token) {
      localStorage.setItem('token', data.access_token);
      history.push('dashboard');
    } else {
      setToastMessage('Invalid username or password.');
      setShowToast(true);
    }
  } else {
    setToastMessage('Failed to login. Please try again.');
    setShowToast(true);
  }
} catch (error) {
  console.error('Error during login', error);
  setToastMessage('An error occurred. Please try again.');
  setShowToast(true);
}

问题已定位并解决 #

问题出在SSL证书上：我直接使用FastAPI自带的SSL证书，而非通过Nginx配置的SSL证书，FastAPI自带的证书不被Android系统信任，导致请求被系统拒绝，最终触发了ECONNABORTED错误。

内容的提问来源于stack exchange，提问作者AjayR