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
Reactjs 从redux商店获取JWT令牌并使用axios配置JWT?_Reactjs_Redux_Axios_Jwt - Fatal编程技术网

Reactjs 从redux商店获取JWT令牌并使用axios配置JWT?

Reactjs 从redux商店获取JWT令牌并使用axios配置JWT?,reactjs,redux,axios,jwt,Reactjs,Redux,Axios,Jwt,目前,iam将JWT令牌存储在本地存储中,并通过从本地存储中提取令牌来发送令牌,如下面代码中所示。是否可以直接从redux存储而不是本地存储获取jwt import axios from "axios"; import config from "./config/config.json"; let token = JSON.parse(localStorage.getItem("fakeTkn")); var instance =

目前,iam将JWT令牌存储在本地存储中,并通过从本地存储中提取令牌来发送令牌,如下面代码中所示。是否可以直接从redux存储而不是本地存储获取jwt

import axios from "axios";
import config from "./config/config.json";

let token = JSON.parse(localStorage.getItem("fakeTkn"));

var instance = axios.create({
  baseURL: config.serverURL,
});

instance.defaults.headers.common["Authorization"] = `Bearer ${token}`;

export default instance;
我尝试导入商店并获取状态

let state = store.getState() 
虽然它得到了状态,但它得到了初始状态,它也是空的,我也在使用它
redux persist以持久化存储。

是否正在调度操作以将令牌设置为状态?你什么时候拿到的?否则,它将永远不会出现在redux上,也不会出现在actions.create instance中。当用户登录jwt并发送其他信息时,您可以在不执行此操作的情况下传递标题
instance.defaults.headers.common[“Authorization”]
。jwt在店内。它在用户登录时起作用,但每当刷新浏览器时,jwt就会丢失,因为它获取的初始状态为空。我需要一种在初始渲染后从存储访问jwt的方法,即在redux持续存在后重新水化存储。