App上的XMLHttpRequest失败

Question

我正在尝试使用Ionic框架和Parse.com在我的移动应用程序上运行一个简单的单例示例.代码很简单如下:

Parse.initialize(APP_KEY, JS_KEY);
Parse.User.signUp("my.user", "123456", {}, {
  success: function(user) {
    // Hooray! Let them use the app now.
    console.log('yuhuuu ' + user)
  },
  error: function(user, error) {
    // Show the error message somewhere and let the user try again.
    alert("Error: " + error.code + " " + error.message);
  }
});

当我在浏览器上测试它时,此代码有效,但当我在手机上运行时,我收到错误代码,100并显示以下消息:

我已经尝试过改变我单挑的方式(在对象中使用而不是直接传递用户和密码).还检查了Android应用程序是否具有访问Web资源的适当权限(没关系).

Answer 1

在深入挖掘之后,我发现了这个链接,这引起了我注意我问题的根本原因.Cordova(Ionic的底层平台之一)仅限于对local(file://)资源的请求,这使得所有外部请求都失败.

为了覆盖此行为,您需要使用白名单插件并将其设置为允许您所需的api后端.

这可以如下实现.

首先,将插件添加到项目中.

 cordova plugin add https://github.com/apache/cordova-plugin-whitelist.git

然后将后端设置为config.xml文件中的白名单.

<allow-intent href="*://*api.parse.com/*"/>