Reactjs 从redux商店获取JWT令牌并使用axios配置JWT?
目前,iam将JWT令牌存储在本地存储中,并通过从本地存储中提取令牌来发送令牌,如下面代码中所示。是否可以直接从redux存储而不是本地存储获取jwtReactjs 从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 =
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持续存在后重新水化存储。