长春网站建设网站制作推广,密码管理,跨境电商免费开店的有哪些,网站做端口是什么token 数据具有一定的时效时间#xff0c;通常在几个小时#xff0c;有效时间内无需重新获取。而基于 Redux 的存储方式又是基于内存的#xff0c;刷新就会丢失。因此需要将 token 持久化处理。
// 封装存取方法const TOKENKEY token_keyfunction setToken (token) {retur…token 数据具有一定的时效时间通常在几个小时有效时间内无需重新获取。而基于 Redux 的存储方式又是基于内存的刷新就会丢失。因此需要将 token 持久化处理。
// 封装存取方法const TOKENKEY token_keyfunction setToken (token) {return localStorage.setItem(TOKENKEY, token)
}function getToken () {return localStorage.getItem(TOKENKEY)
}function clearToken () {return localStorage.removeItem(TOKENKEY)
}export {setToken,getToken,clearToken
}import { getToken, setToken } from /utils
const userStore createSlice({name: user,// 数据initialState: {token: getToken() || },// 同步修改方法reducers: {setUserInfo (state, action) {state.token action.payload// 存入本地setToken(state.token)}}
})
