use redux-fetch-middleware and configure middleware

Author: AllenFang

package.json

@@ -61,6 +61,7 @@
     "react-dom": "^15.5.4",
     "react-redux": "^5.0.4",
     "redux": "^3.6.0",
+    "redux-fetch-middleware": "^3.0.2",
     "redux-thunk": "^2.2.0",
     "rimraf": "~2.6.1",
     "semver": "~5.3.0",

src-react/store.js

@@ -1,7 +1,21 @@
 import { createStore, applyMiddleware } from 'redux';
 import thunk from 'redux-thunk';
+import fetchMiddlewareCreator from 'redux-fetch-middleware';
 import ungitApp from './reducers';
 
+const fetchMiddleware = fetchMiddlewareCreator({
+  suffix: ['REQUEST', 'SUCCESS', 'FAILURE'],
+  debug: process.env.NODE_ENV === 'development',
+  fetchOptions: {
+    headers: {
+      'Accept': 'application/json',
+      'Content-Type': 'application/json'
+    }
+  }
+});
+
+const middlewares = [thunk, fetchMiddleware];
+
 const initialState = {
   config: {
     ungitConfig: null,
@@ -23,6 +37,6 @@ const initialState = {
   }
 };
 
-const store = createStore(ungitApp, initialState, applyMiddleware(thunk));
+const store = createStore(ungitApp, initialState, applyMiddleware(...middlewares));
 
 export default store;