0

我正在开发一个结合光子粒子的反应原生应用程序。通过遵循双腿身份验证的文档；在配置设备之前，我需要获取声明代码。

curl -X POST \
  https://api.particle.io/oauth/token \
  -H 'Accept: application/json' \
  -H 'Content-Type: application/x-www-form-urlencoded' \
  -d 'grant_type=client_credentials&client_id=client_id&client_secret=clsecret&scope=customer%3Demail%40gmail.com'

当我使用 CURL 甚至邮递员发出请求时，我得到了想要的结果。但是，当我在 react native（iOS）中使用 axios 尝试此操作时，我总是收到以下错误：Invalid or missing grant_type parameter.

下面的代码是我正在检索数据的 React Native 代码。正如你所看到的，我正在传递grant_type。

costumerToken() {
    const route = `${this.route}/oauth/token`;
    const headers = {
        "Accept": "application/json",
        "Content-Type": "application/x-www-form-urlencoded"
    }
    const body = {
        "grant_type": "client_credentials",
        "client_id": this.clientId,
        "client_secret": this.clientSecret,
        "scope": `customer=${this.costumerEmail}`
    }
    console.log(route, headers, body);
    return axios.post(route, body, {headers: headers})
        .then(res => {
            return Promise.resolve(res);
        })
        .catch(err => {
            return Promise.reject(err.response);
        });
}

怎么了？

4

1 回答 1

0

当传递Objectasaxios.post()正文时，它将作为 JSON 发送，但 Particle API 期望它是application/x-www-form-urlencoded. Axios 文档更深入地探讨了这个主题。为了使其工作，您可以将代码更改为：

customerToken() {
    const route = `${this.route}/oauth/token`;
    const headers = {
        "Accept": "application/json",
        "Content-Type": "application/x-www-form-urlencoded"
    }
    const body = new URLSearchParams();
    body.append("grant_type", "client_credentials");
    body.append("client_id", this.clientId);
    body.append("client_secret", this.clientSecret);
    body.append("scope", `customer=${this.costumerEmail}`);
    console.log(route, headers, body);
    return axios.post(route, body, {headers: headers})
        .then(res => {
            return Promise.resolve(res);
        })
        .catch(err => {
            return Promise.reject(err.response);
        });
}
于 2019-05-08T17:20:19.090 回答