Node.js 使用React在环回中设置访问令牌
我不熟悉环回和反应。我想构建一个具有用户登录、注销功能的应用程序。但是,我不知道如何使用react前端在环回中设置访问令牌,并进一步访问其他方法。我使用的是带有环回的用户模型 到目前为止,我已经为访问登录编写了这段代码,但是我不知道如何进一步设置访问令牌以进行身份验证Node.js 使用React在环回中设置访问令牌,node.js,reactjs,loopback,Node.js,Reactjs,Loopback,我不熟悉环回和反应。我想构建一个具有用户登录、注销功能的应用程序。但是,我不知道如何使用react前端在环回中设置访问令牌,并进一步访问其他方法。我使用的是带有环回的用户模型 到目前为止,我已经为访问登录编写了这段代码,但是我不知道如何进一步设置访问令牌以进行身份验证 import React, {Component} from 'react'; import axios from 'axios'; class Login extends Component{ constructor
import React, {Component} from 'react';
import axios from 'axios';
class Login extends Component{
constructor(props) {
super(props);
this.state = {
"username": ""
}
}
login(newUser) {
axios.request({
method:'post',
url:'http://localhost:3000/api/Users/login',
data: newUser
}).then(response => {
this.props.history.push('/');
}).catch(err => console.log(err));
}
onSubmit(e){
const newUser = {
username: this.refs.username.value,
password: this.refs.password.value
}
this.login(newUser);
e.preventDefault();
}
}
此代码段未按预期设置访问令牌,因此我想知道是否需要一些额外的中间件或其他东西来完成此操作。尝试此代码。
login(newUser) {
axios.request({
method:'post',
url:'http://localhost:3000/api/Users/login',
data: newUser
}).then(response => {
localStorage.ptspotter_accessToken = response.data.id;
localStorage.ptspotter_userId = response.data.userId
auth0.login();
this.props.history.push('/');
}).catch(err => console.log(err));
window.login();
}
您可以将登录用户ID和令牌存储在localStorage中并访问任何位置。是否执行
auth0.login()
或window.login()
将用户导航到auth页面,并在成功时重定向回?如果成功,则响应
应返回令牌,您可以通过response.id
@skyboyer获得访问令牌哦,对此我很抱歉,实际上我正试图使用Auth0进行访问,但在某个地方出现了错误。我编辑了当前代码。