React 登录和用户认证方法

Posted

技术标签:

【中文标题】React 登录和用户认证方法【英文标题】:React Login and user authentication method 【发布时间】:2018-04-15 18:03:51 【问题描述】:

这更像是一个工程/结构问题。我正在ReactJs中构建一个登录系统,到目前为止我所做的是通过获取他的凭据来对用户进行身份验证,一旦验证了用户凭据并将其传递给ReactJs,我就会生成一个唯一令牌(比如说一个随机字符串),现在我有几个问题:

1) 如何验证登录后在每个 API 调用中传递给我的支持的令牌是有效令牌?我正在使用 axios 发出 API 请求。(到目前为止,我在后端生成了一个会话,但这不起作用,因为 axios 没有在 API 标头中设置 php 会话 ID,如果 PHP 会话未传入标头PHP 无法识别 API 调用是否由同一会话/用户进行) 2)是否有另一种方法来验证令牌是否通过是有效的,如果有效则处理请求。

提前致谢。

【问题讨论】:

我想你在找:Attach Authorization header for all axios requests 【参考方案1】:

如果你添加

axios.defaults.withCredentials = true;

在你包含 axios 之后,你的会话应该开始工作了。

【讨论】:

axios.defaults.withCredentials = true; axios.post(url, querystring.stringify(data)).then((response) => console.log(response); ).catch(error => );给我一个错误:当请求的凭据模式为“包含”时,响应中的“Access-Control-Allow-Origin”标头的值不能是通配符“*”。

以上是关于React 登录和用户认证方法的主要内容,如果未能解决你的问题,请参考以下文章

Vue项目中实现用户登录及token验证的实现方法

对流明认证逻辑做出反应

如何使用 react-redux 实现登录认证?

React Native 一键登录

用户认证和授权

shiro用户登录认证