Question

React Native JWT-auth错误提取api

我试图通过使用jwt-auth来获取用户详细信息，方法如下。

login() {
    alert(this.state.UserName);
    fetch (Api+''+'/wp-json/jwt-auth/v1/token',{
        method: "POST",
        username: this.state.UserName,
        password: this.state.Password
    }).then((response) => response.json())
      .then((responseData) =>{
          console.log("LoginData:-" + JSON.stringify(responseData));
       }).done();
    }
}

并收到错误： -

{
    "code":"[jwt_auth] empty_username",
    "message":"<strong>ERROR</strong>: The username field is empty.",
    "data":{"status":403}
}

如果有人知道请帮助。

Answer 1

如果您的API使用基本身份验证，则需要将用户名和密码添加为身份验证标头

示例

const base64 = require('base-64'); login() { alert(this.state.UserName); fetch (Api+''+'/wp-json/jwt-auth/v1/token',{ method: "POST", headers: { 'Authorization', 'Basic ' + base64.encode(this.state.UserName+ ":" + this.state.Password) } }).then((response) => response.json()) .then((responseData) =>{ console.log("LoginData:-" + JSON.stringify(responseData)); }).done(); } }

Answer 2

我认为您已经不再需要答案了，因为已经发布该问题已经一年了，如果还有其他人需要

如React Native的networking标签中所示，您需要将数据传递到正文和标题中的 JWT令牌，如下所示，这对我有用因此请看看并进行更新，如果有任何问题

login(){
    fetch(Api+''+'/wp-json/jwt-auth/v1/token', {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
        'Authorization': 'JWT '+<token> // There will be different type of authorization like Bearer, JWT, Basic
      },
      body: JSON.stringify({
        username: this.state.UserName,
        password: this.state.Password
      }),
    })
    .then((response) => response.json())
    .then((responseData) => {
        console.log("LoginData:-" + JSON.stringify(responseData));
    }).done();
}

反应Native JWT-auth错误提取api

2 个答案: