请求标头字段用户代理是访问控制允许标头不允许的

Question

我在访问 Ionic ios 应用程序中的 woocommerce api "getAsync" 时遇到一些错误。它说：[错误]无法加载资源：访问控制允许标头不允许请求标头字段用户代理。由于访问控制检查，Fetch API 无法加载 https：/WEB_BASE/wp-json/wc/v2/products/categories？parent=0&consumer_key=MY_SONSUMER_KEY&consumer_secret=MY_CONSUMER_SECRET。

该代码在Android平台中运行良好，在ios 10上也是如此。上述错误发生在ios 11上。

this.wooCommerce.getAsync("products/categories?parent=0").then(
      data => {
        this.categories = JSON.parse(data.body);
      },
      err => {
        console.log(err);
      }
    );

由于此错误，我无法在我的 wooCommerce 数据上获取产品。谁能帮我解决这个问题？

Answer 1

我遇到了缺少用户代理的错误...我在本地主机上使用带有 SSL 的 Wordpress 设置的 Firefox，以避免在 ionic 配置中使用代理。

我检查了WoocommerceAPI包的代码，它发送了一个用户代理。

headers: {
  'User-Agent': 'WooCommerce API Client-Node.js/' + this.classVersion,
  'Accept': 'application/json'
}

我添加到wordpress .htaccess"用户代理"（不确定这是否是最好的方法，但现在有效）阅读...

Header set Access-Control-Allow-Headers: "Origin, X-Requested-With, Content-Type, Accept, Authorization, user-agent"
RewriteCond %{HTTP_USER_AGENT} !^WooCommerce API Client-Node.js/1.4.2

1.4.2 是 npm 包的版本号。

错误消失了，现在我已将内容返回到我的请求中。