HTTPS 请求仅在 iOS、Ionic 2 上失败

Question

我有一个Ionic 2 应用程序，它调用Spring Boot API 来向其他设备发送推送通知。 API 配置了 HTTPS。

API POST 请求适用于所有除了 iOS。

我在服务器上的 SSL 证书是自签名的（也许就是这样？）。

适用于：

• 离子服务
• 安卓
• 邮递员
• 卷曲

这是请求：

public sendNotificationRequest(title: string, action: string, name: string, tokens: any, notifications: boolean) {
    // Check if user turned off notifications
    if(!notifications) {
        return;
    }

    let headers = new Headers({'Content-Type': 'application/json'});
    headers.append('Authorization', 'Basic ' + btoa(this.username_decrypted + ':' + this.password_decrypted));
    let body = this.formObj(tokens, title, action, name);
    console.log(body);

    this.http.post("https://<some-url>",
                    body, { headers: headers }
    ).subscribe((response) => {
        console.log("HTTPS RESPONSE");
        console.log(response);
    }, function(error) {
        console.log("HTTPS ERROR");
        console.log(error);
    });
}

头部响应如下：

response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization");

并收到此错误：

{
 "_body":
    {"isTrusted":true},
    "status":0,"ok":false,
    "statusText":"",
    "headers":{},
    "type":3,
    "url":null
}

Spring Boot API：

@CrossOrigin
@RequestMapping(value="/notifications", method=RequestMethod.POST, consumes=MediaType.APPLICATION_JSON_VALUE, produces=MediaType.APPLICATION_JSON_VALUE)
public ResponseEntity<NotificationParent> sendNotifications(@RequestBody NotificationParent objs) {
    ...
    return new ResponseEntity<NotificationParent>(objs, HttpStatus.OK);
}

我假设它是一个 iOS 安全问题，但我不知道。

Answer 1

我也有同样的问题。删除 WkWebView 即可解决问题。

ionic cordova plugin remove cordova-plugin-wkwebview-engine

更多信息：

https://forum.ionicframework.com/t/ios10-http-requests-blocked/67663/2?u=profitsventure

移除此插件后，我可以通过 iOS 发出 http 请求

Answer 2

我认为您的假设是正确的——iOS 安全问题。在 iOS 中，有一个叫做 App Transport Security 的东西，默认情况下不允许通过 HTTP 连接和使用自签名证书的连接。

你必须添加

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSAllowsArbitraryLoads</key>
  <true/>
</dict>

到您项目的Info.plist 以允许您的自签名流量。

请参阅this answer 以及以下链接了解更多信息。

http://blog.ionic.io/preparing-for-ios-9/

https://gist.github.com/mlynch/284699d676fe9ed0abfa

https://developer.apple.com/library/prerelease/content/documentation/General/Reference/InfoPlistKeyReference/Articles/CocoaKeys.html#//apple_ref/doc/uid/TP40009251-SW33

Answer 3

对于 iOS 设备，默认的 WebViewEngine 始终使用 CORS，要暂时禁用它，请将 <preference name="CordovaWebViewEngine" value="CDVUIWebViewEngine" /> 添加到 config.xml。但是，降级到UIWebViewEngine 的性能很差。在服务器端解决它是正确的解决方案。

应该配置 HTTP 服务器以正确响应 CORS OPTIONS 预检请求。关键点是 Access-Control-Allow-Headers 不能是“*”，并且应该包含您的应用程序中使用的任何自定义标头。以下是我的有效设置：

Access-Control-Allow-Origin: * Access-Control-Allow-Methods: * Access-Control-Allow-Headers: Access-Control-Allow-Headers, Origin,Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers, MyCustomHeader

Answer 4

对我来说，解决方法是使用 @ionic-native/http 而不是 @angular/http。

离子原生 HTTP 文档：https://ionicframework.com/docs/native/http/

这就是我找到解决方法的原因https://blog.ionicframework.com/wkwebview-for-all-a-new-webview-for-ionic/