ios - IONIC 3 - WKWebview CORS 问题

Question

为了解决 IOS 11 中的状态栏问题，IONIC 团队在最近的版本中已将 WKWebview 作为默认设置。从那以后，我遇到了 CORS 问题……我尝试了很多方法来解决这个问题，但没有一个有任何效果。虽然 Native HTTP 插件似乎解决了 CORS 问题，但它不适用于 XML 内容类型。我还尝试使用以下插件:https://github.com/sneas/ionic-native-http-connection-backend

但我仍然收到以下错误:


代码:

public sendRequest(sufix, json) {           

    console.log(json);
    let headers = new Headers({ 
        'Content-Type': 'application/xml', 
        'livefacilities-apptoken': APPTOKEN
    });
    let options = new RequestOptions({ 'headers': headers });
    let xml = this.jsonToXml(json);
    console.log(xml);
    return this.http.post(URL+sufix, xml, options)
        .timeout(TIMEOUT_REQUEST*1000)
        .do(this.logResponse)
        .map(this.extractData)
        .catch(this.handleError);   

}

任何人都可以帮助我吗？

Answer 1

一直对我有用的解决方案是在您的 API/WEB SERVICE 文件中添加以下 header :

header('Access-Control-Allow-Origin: *'); 
header("Access-Control-Allow-Credentials: true");
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');
header('Access-Control-Max-Age: 1000');
header('Access-Control-Allow-Headers: Origin, Content-Type, X-Auth-Token , Authorization');

我在我们的应用程序中也遇到了同样的问题，您可以通过使用 ionic native http 插件来解决它，并确保您在 js 中使用此插件 HTTP.post 方法而不是普通的 http.post。

根据 ionic 的官方文档:“如果无法在服务器中实现或配置 CORS，则有一个 native 插件可以使用 native 代码“代理”HTTP 请求，因此可以完全绕过 CORS”

请试试这个。