From 1f30b9ca03fbd9516d1de540b63da546c7c9c44b Mon Sep 17 00:00:00 2001 From: Aaron <427787340@qq.com> Date: Wed, 18 Dec 2019 14:37:06 +0800 Subject: [PATCH] 增加多图上传错误处理 --- packages/Image-upload/multiple.vue | 49 +++++++++++++++++++++++++++---------------------- 1 file changed, 27 insertions(+), 22 deletions(-) diff --git a/packages/Image-upload/multiple.vue b/packages/Image-upload/multiple.vue index cd50bdc..964ad26 100644 --- a/packages/Image-upload/multiple.vue +++ b/packages/Image-upload/multiple.vue @@ -135,6 +135,7 @@ export default { default: false }, responseFormat: Function, + errorFormat: Function, limit: { type: Number, default: 3 @@ -221,28 +222,32 @@ export default { } }) .catch(error => { - const codeMessage = { - 200: '服务器成功返回请求的数据', - 201: '新建或修改数据成功。', - 202: '一个请求已经进入后台排队(异步任务)', - 204: '删除数据成功。', - 400: '发出的请求有错误,服务器没有进行新建或修改数据,的操作。', - 401: '用户没有权限(令牌、用户名、密码错误)。', - 403: '用户得到授权,但是访问是被禁止的。', - 404: '发出的请求针对的是不存在的记录,服务器没有进行操作', - 406: '请求的格式不可得。', - 410: '请求的资源被永久删除,且不会再得到的。', - 422: '当创建一个对象时,发生一个验证错误。', - 500: '服务器发生错误,请检查服务器', - 502: '网关错误', - 503: '服务不可用,服务器暂时过载或维护', - 504: '网关超时' - }; - const { response = {} } = error; - if (!(response.status >= 200 && response.status < 300)) { - const errortext = codeMessage[response.status] || response.statusText; - const messageContent = `${response.request.responseURL} ${errortext}`; - this.$notify.error({ title: `请求错误 ${response.status}:`, message: messageContent, duration: 3000 }); + if (this.errorFormat) { + this.errorFormat(error); + } else { + const codeMessage = { + 200: '服务器成功返回请求的数据', + 201: '新建或修改数据成功。', + 202: '一个请求已经进入后台排队(异步任务)', + 204: '删除数据成功。', + 400: '发出的请求有错误,服务器没有进行新建或修改数据,的操作。', + 401: '用户没有权限(令牌、用户名、密码错误)。', + 403: '用户得到授权,但是访问是被禁止的。', + 404: '发出的请求针对的是不存在的记录,服务器没有进行操作', + 406: '请求的格式不可得。', + 410: '请求的资源被永久删除,且不会再得到的。', + 422: '当创建一个对象时,发生一个验证错误。', + 500: '服务器发生错误,请检查服务器', + 502: '网关错误', + 503: '服务不可用,服务器暂时过载或维护', + 504: '网关超时' + }; + const { response = {} } = error; + if (!(response.status >= 200 && response.status < 300)) { + const errortext = codeMessage[response.status] || response.statusText; + const messageContent = `${response.request ? response.request.responseURL : ''} ${errortext}`; + this.$notify.error({ title: `请求错误 ${response.status}:`, message: messageContent, duration: 3000 }); + } } }); } -- libgit2 0.21.0