离子5应用程序无法从android上的REST API获取数据
我已经构建了一个ionic应用程序,它利用Vue、电容器和部署在heroku上的Strapi后端。我正在使用离子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
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",