Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 使用React在环回中设置访问令牌_Node.js_Reactjs_Loopback - Fatal编程技术网

Node.js 使用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

我不熟悉环回和反应。我想构建一个具有用户登录、注销功能的应用程序。但是,我不知道如何使用react前端在环回中设置访问令牌,并进一步访问其他方法。我使用的是带有环回的用户模型

到目前为止,我已经为访问登录编写了这段代码,但是我不知道如何进一步设置访问令牌以进行身份验证

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进行访问,但在某个地方出现了错误。我编辑了当前代码。