VS2015 Cordova 工具：在 config.xml 中从 windows 8.1 切换到 windows 10 时，对 http/https 的 xhr 调用失败

Question

很简单，我一直在使用 VS 2015 的 Cordova 工具编写一个应用程序。它在 Windows 构建的默认 Windows 8.1 设置下运行良好。但是，当我在 config.xml 中切换到 Windows 10 时，我想利用页面导航速度的显着提高。然而，一旦我这样做，我所有使用 WinJS 的 xhr 的远程 URL 的 POST 都会立即失败，除了短语 "Security error" 之外什么都没有。当我将它切换到 Windows 8.1

时，相同的代码工作正常

有没有其他人遇到过这种情况？

我尝试通过添加从 "remote mode" 切换回 "local mode"

我的 config.xml，但它似乎并没有影响这个错误。

编辑我使用的确切代码（打字稿）：

var url = "https://api.twitter.com/oauth/request_token";
 return WinJS.xhr({
            url: url,
            type: 'POST',
            headers: {
                "Content-type": "application/x-www-form-urlencoded",
                "Authorization": authorizationHeader
            },
            data: ""
        }).then((success) => { 

 },(error)=>{

 });

生成AppxManifest.xml:

<?xml version="1.0" encoding="utf-8"?>
<Package IgnorableNamespaces="uap mp build" xmlns="http://schemas.microsoft.com/appx/manifest/foundation/windows10" xmlns:mp="http://schemas.microsoft.com/appx/2014/phone/manifest" xmlns:uap="http://schemas.microsoft.com/appx/manifest/uap/windows10" xmlns:build="http://schemas.microsoft.com/developer/appx/2015/build">
  <!--
    THIS PACKAGE MANIFEST FILE IS GENERATED BY THE BUILD PROCESS.

    Changes to this file will be lost when it is regenerated. To correct errors in this file, edit the source .appxmanifest file.

    For more information on package manifest files, see http://go.microsoft.com/fwlink/?LinkID=241727
  -->
  <Identity Name="redacted" Publisher="redacted" Version="1.0.0.0" ProcessorArchitecture="x86" />
  <mp:PhoneIdentity PhoneProductId="550b2480-3bd3-11e5-86b0-855663c85edc" PhonePublisherId="00000000-0000-0000-0000-000000000000" />
  <Properties>
    <DisplayName>redacted</DisplayName>
    <PublisherDisplayName>L McPherson</PublisherDisplayName>
    <Logo>images\StoreLogo.png</Logo>
  </Properties>
  <Dependencies>
    <TargetDeviceFamily MaxVersionTested="10.0.10240.0" MinVersion="10.0.10240.0" Name="Windows.Universal" />
  </Dependencies>
  <Resources>
    <Resource Language="EN-US" />
  </Resources>
  <Applications>
    <Application Id="io.cordova.myappfbb75e" StartPage="ms-appx-web:///www/index.html">
      <uap:VisualElements BackgroundColor="#464646" Description="CordovaApp" DisplayName="redacted" Square150x150Logo="images\Square150x150Logo.png" Square44x44Logo="images\Square44x44Logo.png">
        <uap:SplashScreen Image="images\splashscreen.png" />
        <uap:DefaultTile ShortName="redacted" Square310x310Logo="images\Square310x310Logo.png" Square71x71Logo="images\Square71x71Logo.png" Wide310x150Logo="images\Wide310x150Logo.png" />
      </uap:VisualElements>
      <uap:ApplicationContentUriRules>
        <uap:Rule Match="ms-appx-web:///" Type="include" WindowsRuntimeAccess="all" />
      </uap:ApplicationContentUriRules>
    </Application>
  </Applications>
  <Capabilities>
    <Capability Name="internetClient" />
    <DeviceCapability Name="webcam" />
    <DeviceCapability Name="microphone" />
  </Capabilities>
  <build:Metadata>
    <build:Item Name="SharedGUID" Value="9ebdb27f-d75b-4d8c-b53f-7be4a1fe89f9" />
    <build:Item Name="CodeSharingProject" Value="248F659F-DAC5-46E8-AC09-60EC9FC95053" />
    <build:Item Name="VisualStudio" Version="14.0" />
    <build:Item Name="VisualStudioEdition" Value="Microsoft Visual Studio Community 2015" />
    <build:Item Name="OperatingSystem" Version="10.0.10532.0 (th2_release.150822-1406)" />
    <build:Item Name="Microsoft.Build.AppxPackage.dll" Version="14.0.23121.0" />
    <build:Item Name="ProjectGUID" Value="20968146-3a8e-4e05-96b7-33eedd330850" />
    <build:Item Name="OptimizingToolset" Value="ilc.exe" />
    <build:Item Name="TargetRuntime" Value="AppHost" />
    <build:Item Name="ilc.exe" Version="1.0.23117.00 built by: PROJECTNREL" />
    <build:Item Name="MakePri.exe" Version="10.0.10240.16384 (th1.150709-1700)" />
  </build:Metadata>
</Package>

Answer 1

一般来说，您使用的 XHR 代码应该可以工作。我添加此示例以显示 XHR post 数据正在运行。我正在使用 WinJS 4.0 http://try.buildwinjs.com/download/GetWinJS/，尽管任何新版本都应该可以正常工作。您是否升级了您正在使用的 WinJS 版本？

function success(evt) {

}

function error(evt) {

}

WinJS.xhr({
    type: "post",
    url: "http://httpbin.org/post",
    headers: { "Content-type": "application/x-www-form-urlencoded" },
    data: JSON.stringify({ myData: "postDataStringValue" })
}).then(success, error);

Answer 2

我终于想通了。我认为我的部分问题是我使用的是旧项目中的 code/html 片段，而不是使用新项目将提供的默认值。无论如何，Cordova 生成的 index.html 文件的头部有一个新行：

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

如果我没记错的话，Windows 8.1 不会评估这一行。然而，Windows 10 确实。当我尝试将 'connect-src' 作为指令之一插入时出现错误，所以我只是将 default-src 指令修改为：

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com https://api.twitter.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">

因为我想从 https://api.twitter.com 获取内容，所以我必须在允许的情况下特别包含它。

此外，我不确定它是否有帮助或什么也没做，但我排除了 winstore-jscompat.js 垫片。 Windows 10.

不需要这个

VS2015 Cordova 工具：在 config.xml 中从 windows 8.1 切换到 windows 10 时，对 http/https 的 xhr 调用失败

VS2015 Cordova Tools: xhr calls to http/https fail when switching from windows 8.1 to windows 10 in config.xml

winjs

cordova

visual-studio-cordova

windows-10