时间戳

首页 > 解决方案 > 使用 JWT Authentication WP 插件反应登录

reactjs - 使用 JWT Authentication WP 插件反应登录

问题描述

我已经使用 JWT 通过 WordPress REST API 从我的应用程序登录，我已经配置了所有东西。当我正确输入了用户名和密码后，我就成功了，一切正常，但是当我清空其中一个时，我在控制台中看到了自爆错误，我想将其删除。

POST http://localhost/test/wp-json/jwt-auth/v1/token 403（禁止）

控制台错误

问题是什么？这是我用来连接 API 的代码：

  axios.post(`http://localhost/test/wp-json/jwt-auth/v1/token`, {
    username: '',
    password: ''
  })
    .then(res => {
      console.log('result');
      console.log(res);
    })
    .catch(err => {
      console.log('error');
      console.log(err.response);
    })

标签： reactjswordpress

解决方案

看起来你不清楚令牌流是如何工作的。

端点/wp-json/jwt-auth/v1/token验证用户名和密码，如果两者都正确，则端点返回 JWT 令牌

{
    "token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC9qd3QuZGV2IiwiaWF0IjoxNDM4NTcxMDUwLCJuYmYiOjE0Mzg1NzEwNTAsImV4cCI6MTQzOTE3NTg1MCwiZGF0YSI6eyJ1c2VyIjp7ImlkIjoiMSJ9fX0.YNe6AyWW4B7ZwfFE5wJ0O6qQ8QFcYizimDmBy6hCH_8",
    "user_display_name": "admin",
    "user_email": "admin@localhost.dev",
    "user_nicename": "admin"
}

此令牌应存储在您的应用程序中，然后添加为所有后续调用 API 的身份验证方法。

如果请求中缺少用户名或密码，/wp-json/jwt-auth/v1/token您应该会看到您现在看到的错误。

推荐阅读