Ionic for IOS 与 Wordpress

Question

我正在使用 ionic3 构建以 Wordpress 作为后端的电子商务应用程序。 我正在使用 Woocommerce api 来获取产品、订单等。这是我的代码来配置它

import * as WC from "woocommerce-api";
Woocommerce = WC({
    url: this.url,
    consumerKey: this.consumerKey,
    consumerSecret: this.consumerSecret,
    wpAPI: true,
    queryStringAuth: true,
    version: "wc/v2"
  });
 let query = "products?" + "page=" + this.page;
    if (this.selected != "") query = "products?page=" + this.page;
    query = query + "&status=publish" + "&" + this.config.productsArguments;
    this.config.Woocommerce.getAsync(query).then((data) => {
        console.log(data)
    })

它在 android 上运行良好，但在 Ios 上我有这个错误：

https://testsite.com/wp-json/wc/v2/products?include=2047%2C1828%2C1768%2C1767%2C1766%2C1765%2C1763&status=publish&order=desc&orderby=date&lang=en&currency=EGP&consumer_key=ck_xxxxxxxxxxxxxxxx&consumer_secret=cs_xxxxxxxxxxxxxxz 加载资源失败：Access-Control-Allow-Origin 不允许 Origin httpsionic://localhost。

Answer 1

这不是 WordPress 问题，而是 CORS（跨源资源共享）问题。您可以参考这里：https://www.joshmorony.com/dealing-with-cors-cross-origin-resource-sharing-in-ionic-applications/。

根据总结，您可以通过以下几种方式处理它：首先，在您的 API 主机 (WordPress) Access-Control-Allow-Origin: * 的标头中禁用源检查。

其次，您可以通过本机代码代理请求。检查这个插件https://ionicframework.com/docs/native/http/。