【问题标题】:Ionic3 with woocommerce rest api having post request?带有 woocommerce rest api 的 Ionic3 有发布请求吗?
【发布时间】:2018-02-04 07:11:31
【问题描述】:

我是 woocommerce 和 Ionic 的新手,我正在尝试创建一个使用 woocommerce 作为后端的应用程序写给woocommerce create order api的post请求如下。

  postOrder(postparams){
        var headers = new Headers();
        headers.append("Accept", 'application/json');
        headers.append('Content-Type', 'application/json' );
        headers.append('consumer_key', 'the key comes here');
        headers.append('consumer_secret', 'the secret comes here');
        let options = new RequestOptions({ headers: headers });
        return this.http.post(this.wc_api_path,postparams,options).map(res => res.json());
  }

但这似乎不起作用。

我已经提到了This tutorialThis DocThis Doc,但是我无法理解这个问题并实现了这个api。如果能用一个例子来解释就好了。

【问题讨论】:

  • 你得到了什么? API 出现任何错误或无法调用 API?
  • 无法调用api。

标签: angular api woocommerce ionic2 ionic3


【解决方案1】:

这就是 CORS 的工作方式(使用跨域请求时)。使用 CORS,远程 Web 应用程序(这里是域为 mydomain.org 的应用程序)选择是否可以通过一组特定的标头来处理请求。

CORS 规范区分了两个不同的用例:

简单请求。如果我们使用 HTTP GET、HEAD 和 POST 方法,则此用例适用。对于 POST 方法,仅支持具有以下值的内容类型:text/plain、application/x-www-form-urlencoded 和 multipart/form-data。

预检请求。当“简单请求”用例不适用时,会发出第一个请求(使用 HTTP OPTIONS 方法)以检查在交叉环境中可以做什么域请求。 发送 OPTIONS 请求的不是 Angular2,而是浏览器本身。这与 Angular 无关。

更多详情,你可以看看这篇文章:

http://restlet.com/blog/2015/12/15/understanding-and-using-cors/

【讨论】:

    猜你喜欢
    • 2019-05-28
    • 1970-01-01
    • 1970-01-01
    • 2021-02-10
    • 1970-01-01
    • 1970-01-01
    • 2017-07-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多