cnpm i redux-persist -S
<Provider store={store}> <PersistGate loading={null} persistor={persistStore(store)}> <Router /> </PersistGate> </Provider>
import { createStore, compose, combineReducers,applyMiddleware } from 'redux'import promise from 'redux-promise'import thunk from 'redux-thunk'import { persistReducer } from 'redux-persist' // 合并 reduceimport storage from 'redux-persist/lib/storage' // 创建 store// 多层对象 做数据持久化import autoMergeLevel2 from 'redux-persist/lib/stateReconciler/autoMergeLevel2'import home from '@/reducer/home'const rootPersistConfig = { key: 'root', storage, stateReconciler: autoMergeLevel2, // 白名单 [reducer 目录内的 reduce 文件名] whitelist: ['home'], }const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose//时时观察redux const myPersistReducer = persistReducer( rootPersistConfig, combineReducers({ home, }))// 创建 store createStore(reduce)const store = createStore( myPersistReducer, composeEnhancers(applyMiddleware(promise,thunk)));export { store }