PhoneGap Запрос AJAX не работает

Question

Я использую последнюю версию PhoneGap и делаю вызовы ajax.

$.ajax({ 
      type  : 'POST', 
      url  : 'http://example.com/path to my API', 
      data  : {d1: v1, d2: v2}, 
      dataType : 'json', 
      success : function(data) { 
          console.log(data); 
         }, 
      error  : function(){ 
          alert('Error'); 
         } 
}); 

Когда я проверить мое приложение на рабочем столе браузера или мобильного PhoneGap Developer App, он отлично работает, но после построения приложения (.apk), AJAX запросы не работают и падают на провал, а не успех. Я сделал все конфигурации, упомянутых которые включают в себя:

<access origin="*" /> 
<plugin name="cordova-plugin-whitelist" version="1" /> 
    <allow-navigation href="*" /> 
    <allow-intent href="http://*/*" /> 
    <allow-intent href="https://*/*" /> 

Также добавлена ​​метой-тег Content-Security-политика в моем HTML и указал на домен, где находится мой API:

<meta http-equiv="Content-Security-Policy" content="connect-src 'self' http://example.com/"> 

Я использую PhoneGap онлайн-сервис для создания приложения. Мне действительно нужна помощь, так как я сделал все исправления, которые мог найти, но пока не удалось.

Answer 1

@Nabeel, Вашему счастью. Я сейчас заканчиваю a blog post on whitelist

Измените свой CSP следующим образом. Это должно сделать трюк

<meta http-equiv="Content-Security-Policy" 
      content="default-src *; 
        style-src 'self' 'unsafe-inline' 'unsafe-eval'; 
        script-src 'self' 'unsafe-inline' 'unsafe-eval';"> 

Если вы работаете с iOS9, вам нужно добавить что-то для компании Apple ATS. Подробнее читайте в документе, чтобы получить подробную информацию об этом.

Best of Luck