title: Cordova Windows Phone 8.1 with angularjs - An app can't load remote web content in the local context
body: <p>I have an app using cordova and angularjs. Some features on the app require access to the Google Maps API and Yahoo Weather API. </p>
  
  <p>When I compile to Android and iOS platforms everything works fine, but not on windows platform (windows phone 8.1). I get these errors on both calls (google and yahoo):</p>
  
  <pre><code>"**APPHOST9601** An app can't load remote web content in the local context".
  </code></pre>
  
  <p>I think I have the cordova-plugin-whitelist correctly configured with the proper intent, navigation and network tags on config.xml (I also have the meta tag on index.html).</p>
  
  <p>Strangely if I add wp8 cordova platform and run it, I have no errors. Only on the windows platform running the windows phone 8.1 project inside the solution.</p>
  
  <p>This is what I have in the config.XML</p>
  
  <pre><code>&lt;!--Controls which URLs the WebView itself can be navigated to. Applies to top-level navigations only.--&gt;
  &lt;allow-navigation href="*" /&gt;
  
  &lt;!-- Controls which URLs the app is allowed to ask the system to open. By default, no external URLs are allowed. --&gt;
  &lt;allow-intent href="comgooglemaps:*" /&gt;
  &lt;allow-intent href="sms:*" /&gt;
  &lt;allow-intent href="tel:*" /&gt;
  &lt;allow-intent href="geo:*" /&gt;
  &lt;allow-intent href="*" /&gt;
  
  &lt;!-- Controls which network requests (images, XHRs, etc) are allowed to be made (via cordova native hooks). --&gt;
  &lt;access origin="https://tel:*" launch-external="yes" /&gt;
  &lt;access origin="https://mailto:*" launch-external="yes" /&gt;
  &lt;access origin="https://geo:*" launch-external="yes" /&gt;
  &lt;access origin="https://comgooglemaps:*" launch-external="yes" /&gt;
  &lt;access origin="https://*" /&gt;
  
  &lt;access origin="http://maps.google.com/*" /&gt;
  &lt;access origin="content:///*" /&gt;
  &lt;access origin="*"/&gt;  and I also have this in the HTML page  &lt;!-- Enable all requests, inline styles, and eval() --&gt;
  </code></pre>
  
  <p>And in the HTML I have the following metadata</p>
  
  <pre><code>&lt;meta http-equiv="Content-Security-Policy" content="default-src *; media-src *; style-src 'self' * 'unsafe-inline' * 'unsafe-eval' *; script-src 'self' * 'unsafe-inline' * 'unsafe-eval' *" /&gt;
  </code></pre>