Apache Cordova App真机无法获取XMLHttpRequest responseText求助

阿华AIGC实验室

2026-5-15

解决Cordova真机上XHR请求responseText为空的问题

我之前也碰到过类似的坑——Ripple模拟器基于浏览器环境，很多Cordova的安全限制不会生效，但真机上会严格执行。结合你的代码，给你几个针对性的排查和解决方向：

1. 检查Content Security Policy (CSP) 配置

Cordova默认会在index.html的<meta>标签里设置CSP规则，如果没明确允许目标域名的请求，真机上会直接拦截XHR调用。你需要修改CSP标签，把目标域名加入允许列表，比如：

<meta http-equiv="Content-Security-Policy" content="default-src 'self' http://testinggrounds.5gbfree.com data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *;">

如果只想针对XHR请求放开，也可以专门添加connect-src http://testinggrounds.5gbfree.com，确保请求能正常发送。

2. 确认安卓Manifest的网络权限

在安卓平台的AndroidManifest.xml里，必须添加网络访问权限，否则应用连基础的网络请求都发不出去：

<uses-permission android:name="android.permission.INTERNET" />

虽然Cordova通常会自动添加，但偶尔会因为配置冲突丢失，建议手动检查确认。

3. 处理安卓对明文HTTP的限制

从Android 9（API级别28）开始，系统默认禁止明文HTTP请求（非HTTPS），如果你的接口是HTTP协议，需要配置网络安全策略：

在res/xml目录下创建network_security_config.xml，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true" />
</network-security-config>

然后在AndroidManifest.xml的<application>标签里引用这个配置：

<application ... android:networkSecurityConfig="@xml/network_security_config">

这样就能让真机允许访问HTTP接口了。

4. 扩展XHR的调试信息

你现在只打印了responseText，但请求可能已经失败了只是没体现出来。修改JS代码，加上状态码和状态文本的输出，方便定位问题：

xhr.onreadystatechange = function (e) {
    if (xhr.readyState == 4) {
        document.body.innerHTML = `RESULT: ${xhr.responseText} | 状态码: ${xhr.status} | 状态信息: ${xhr.statusText}`;
    }
}

如果状态码是0，大概率是请求被CSP或网络策略拦截；如果是404/500这类，那就是服务器端的问题了。