Javascript React-从API获得401响应后保留表单信息

Javascript React-从API获得401响应后保留表单信息,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我是一名初级开发人员,正在开发react应用程序 当用户发送表单,API发回401令牌过期时,我希望他重定向到登录页面(这是可以的),但我希望他在再次登录表单页面时使用之前填写的数据重定向到登录页面 我有一个拦截器,当API返回401代码时,它会将用户注销,它会触发我的auth service注销方法,然后我的私有路由重定向到登录页面: if (!isLoggedIn) { // not logged in so redirect to login page with the return

我是一名初级开发人员,正在开发react应用程序

当用户发送表单,API发回401令牌过期时,我希望他重定向到登录页面(这是可以的),但我希望他在再次登录表单页面时使用之前填写的数据重定向到登录页面

我有一个拦截器,当API返回401代码时,它会将用户注销,它会触发我的auth service注销方法,然后我的私有路由重定向到登录页面:

if (!isLoggedIn) {
  // not logged in so redirect to login page with the return url
  return (
    <Redirect to={{ pathname: "/", state: { from: props.location } }} />
  );
} 
if(!isLoggedIn){
//未登录,所以重定向到带有返回url的登录页面
返回(
);
} 
我想在用户重新登录时将其重定向到props.location并保留其数据

你们知道怎么做吗

非常感谢您的帮助

401-未经授权

在注销用户和管理路由的情况下,您拥有路由器的+历史记录

go(n)-(函数)将历史堆栈中的指针移动n个条目

这里是为goBack定义的组件-它是历史上的gon(-1)。 您还可以在函数中定义逻辑

import React from 'react';
import { withRouter } from 'react-router-dom';
import ReturnIcon from '../../img/tech/return-white-icon.svg'

const GoBack = ({ history }) => <img src={ReturnIcon} onClick={() => history.goBack()} alt="Go back" />;

export default withRouter(GoBack);
var refreshTokens = {} 
      var token = jwt.sign(user, SECRET, { expiresIn: 300 }) 
      var refreshToken = randtoken.uid(256) 
      refreshTokens[refreshToken] = username res.json({token: 'JWT ' + token, refreshToken: refreshToken})