Cordova应用中Fetch调用WeatherApi失效，移动端调试异常求助

1. 调整Content Security Policy（CSP）配置 #

Cordova WebView默认的CSP规则会限制跨域请求，这是Chrome正常但App内无响应的核心原因：

• 打开www/index.html，找到<meta http-equiv="Content-Security-Policy">标签，修改connect-src规则，将WeatherApi的域名加入白名单。例如API地址是https://api.weather.example.com，修改后的标签如下：

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

• 注意：connect-src专门控制AJAX/Fetch这类网络请求的目标域名，必须准确包含你调用的WeatherApi地址。

2. 配置Cordova网络请求白名单 #

在项目根目录的config.xml中添加网络访问权限规则：

• 允许指定API域名的请求：

  <access origin="https://api.weather.example.com" />
  

• 测试阶段可临时允许所有域名（生产环境不建议）：

  <access origin="*" />
  

3. 处理明文HTTP请求限制（若API用HTTP） #

Android 9及以上系统默认禁止明文HTTP请求，若你的WeatherApi使用HTTP协议，需添加以下配置：

• 在config.xml中插入：

  <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application">
      <application android:usesCleartextTraffic="true" />
  </edit-config>
  

4. 调试定位具体错误 #

用Chrome远程调试WebView查看错误日志，精准排查问题：

1. 打开Chrome浏览器，输入chrome://inspect
2. 连接调试中的安卓手机，找到你的Cordova App，点击inspect
3. 在弹出的调试窗口中查看Console面板，会显示具体的错误信息（比如CSP拦截提示、网络请求失败原因）

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