Created
August 9, 2018 11:53
-
-
Save SollyTaylor/695170cebae5df64520b1efc16a721e0 to your computer and use it in GitHub Desktop.
antd+dva
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import fetch from 'dva/fetch'; | |
import { notification, message } from 'antd'; | |
import { routerRedux } from 'dva/router'; | |
import store from '../index'; | |
const codeMessage = { | |
200: '服务器成功返回请求的数据。', | |
201: '新建或修改数据成功。', | |
202: '一个请求已经进入后台排队(异步任务)。', | |
204: '删除数据成功。', | |
400: '发出的请求有错误,服务器没有进行新建或修改数据的操作。', | |
401: '用户没有权限(令牌、用户名、密码错误)。', | |
403: '用户得到授权,但是访问是被禁止的。', | |
404: '发出的请求针对的是不存在的记录,服务器没有进行操作。', | |
406: '请求的格式不可得。', | |
410: '请求的资源被永久删除,且不会再得到的。', | |
422: '当创建一个对象时,发生一个验证错误。', | |
500: '服务器发生错误,请检查服务器。', | |
502: '网关错误。', | |
503: '服务不可用,服务器暂时过载或维护。', | |
504: '网关超时。', | |
}; | |
function checkStatus(response) { | |
if (response.status >= 200 && response.status < 300) { | |
return response; | |
} | |
const errortext = codeMessage[response.status] || response.statusText; | |
notification.error({ | |
message: `请求错误 ${response.status}: ${response.url}`, | |
description: errortext, | |
}); | |
const error = new Error(errortext); | |
error.name = response.status; | |
error.response = response; | |
throw error; | |
} | |
/** | |
* Requests a URL, returning a promise. | |
* | |
* @param {string} url The URL we want to request | |
* @param {object} [options] The options we want to pass to "fetch" | |
* @return {object} An object containing either "data" or "err" | |
*/ | |
export default function request(url, options) { | |
// const defaultOptions = { | |
// credentials: 'include', | |
// }; | |
// const newOptions = { ...defaultOptions, ...options }; | |
const newOptions = { ...options }; | |
if (newOptions.method === 'POST' || newOptions.method === 'PUT') { | |
if (!(newOptions.body instanceof FormData)) { | |
newOptions.headers = { | |
Accept: 'application/json', | |
'Content-Type': 'application/json; charset=utf-8', | |
...newOptions.headers, | |
}; | |
newOptions.body = JSON.stringify(newOptions.body); | |
} else { | |
// newOptions.body is FormData | |
newOptions.headers = { | |
Accept: 'application/json', | |
...newOptions.headers, | |
}; | |
} | |
} | |
return fetch(url, newOptions) | |
.then(checkStatus) | |
.then(response => { | |
if (newOptions.method === 'DELETE' || response.status === 204) { | |
return response.text(); | |
} | |
return response.json(); | |
}) | |
.then(json => { | |
if (json.code === 100011) { | |
const { dispatch } = store; | |
message.error(json.message); | |
setTimeout(() => { | |
dispatch(routerRedux.push('/user/login')); | |
}, 1000); | |
return json; | |
} | |
return json; | |
}) | |
.catch(e => { | |
const { dispatch } = store; | |
const status = e.name; | |
if (status === 403) { | |
dispatch(routerRedux.push('/exception/403')); | |
return; | |
} | |
if (status <= 504 && status >= 500) { | |
dispatch(routerRedux.push('/exception/500')); | |
return; | |
} | |
if (status >= 404 && status < 422) { | |
dispatch(routerRedux.push('/exception/404')); | |
} | |
}); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment