离子5应用程序无法从android上的REST API获取数据

离子5应用程序无法从android上的REST API获取数据,android,vue.js,ionic-framework,capacitor,Android,Vue.js,Ionic Framework,Capacitor,我已经构建了一个ionic应用程序,它利用Vue、电容器和部署在heroku上的Strapi后端。我正在使用fetch()api进行api调用 该应用程序在浏览器中运行时没有错误,但当符合android并安装在我的设备(android 9)上时,我会在主页上的位置0处获得SyntaxError:Unexpected token

我已经构建了一个ionic应用程序,它利用Vue、电容器和部署在heroku上的Strapi后端。我正在使用
fetch()
api进行api调用

该应用程序在浏览器中运行时没有错误,但当符合android并安装在我的设备(android 9)上时,我会在主页上的位置0处获得
SyntaxError:Unexpected token
组件显示错误消息

所有其他页面均为空白,我无法执行POST请求


这是我的第一个ionic和移动应用程序,因此我不确定如何调试此问题。

我建议您使用
电容器http插件
进行移动设备的API调用: 使用此插件也可以避免CORS问题

在文档中,缺少Android的配置,因此请按如下方式添加它

1-在android\app\src\main\java\MainActivity.java中导入并添加http插件

package com.myapp.com;

import android.os.Bundle;

import com.getcapacitor.BridgeActivity;
import com.getcapacitor.Plugin;

import java.util.ArrayList;
import com.getcapacitor.plugin.http.Http; //added

public class MainActivity extends BridgeActivity {
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // Initializes the Bridge
    this.init(savedInstanceState, new ArrayList<Class<? extends Plugin>>() {{
      // Additional plugins you've installed go here
      // Ex: add(TotallyAwesomePlugin.class);
      add(Http.class); //added
    }});
  }
}
package.json中,依赖项应如下所示:

"@capacitor-community/http": "^1.0.0",
"@capacitor/android": "^3.0.0",
"@capacitor/core": "^3.0.0",

检查此链接以获取调用“”的api。您的回答帮助我发现我的构建过程不完整。我不是在Android Studio中同步gradle文件,而是使用CI/CD进程生成apk。
"@capacitor-community/http": "^1.0.0",
"@capacitor/android": "^3.0.0",
"@capacitor/core": "^3.0.0",