如何使用React将POST登录请求发送到rails api-only应用程序?

时间:2017-09-11 08:23:04

标签: reactjs redux

我有一个工作轨道RESTful api-only app 我使用Postman来消费那个api。现在,要使用api,用户必须首先登录到http://localhost:3002/authenticate,方法是在标题中将content-type设置为application-json,然后在正文中设置电子邮件和密码的值。将 POST 请求发送到服务器后,我将auth-token作为json响应。成功登录后,我必须在每个 GET 请求中将auth-token作为Authorization密钥传递给相应的数据。
现在,我想在学习React js时为后端api构建一个UI。但到目前为止,我能找到的所有教程都是如何在没有任何授权因素的情况下发送GET请求。他们正在使用axios,redux等。

  • 任何人都可以指导我在哪里开始或如何开始 接近这个问题?
  • 我是否必须为此目的使用第三方库? 如果是这样哪个会更好axios或redux ??
  • 任何初学者友好教程链接都会有很大的帮助

1 个答案:

答案 0 :(得分:0)

如何开始

Securing React Redux Apps With JWT Tokens - Rajaraodv解释了如何获得jwt令牌以及如何将其保留在前端应用程序中。我认为这种方式适合你。

保留身份验证令

Rajaraodv使用localStorage来保存jwt令牌,您可以使用相同的或直接保存在redux商店中,这是您的选择,适合您的最佳方式。

调用Ajax

您可以使用Axios进行Ajax调用,或者像Rajaraodv那样使用浏览器中的fetchApi,它取决于您。

<强>解释

&#34;如果是这样,那将是更好的axios或redux ??&#34;这两个图书馆完全不同,每个图书馆都有自己的目的。