el-upload組件方法失效
- 問題
- 原因
- 解決
問題
使用el-upload組件上傳文件，有這么一個問題上傳文件處理報錯Excel、Word。org.apache.poi.openxml4j.exceptions.OLE2NotOfficeXmlFileException。
按上述，后端編寫完代碼，輸出正常，但是預期在后端拋出錯時前端能夠有提示。
就希望能夠在前端發起“提交/確定”的方法里面有一個catch怎么的，可以在方法拋出異常/報錯時能夠給到一個地方寫代碼，但是項目使用的el-upload默認提交，沒有一個類似.catch(() => {})暴露出來可以處理的方法。
好在el-upload官方有一些方法如下：
但是我在:on-error="handleUploadError"方法中寫了處理還是沒有生效（后端拋異常，前端給提示）。
原因
項目后端對響應封裝處理，http響應碼是200，手動將拋異常的響應code置500，作為response返回。
這個時候前端不知道你是拋出異常返回的，而是認為請求時被成功處理的，故在組件el-upload識別不到是上傳出錯，:on-error的方法也不能執行。
解決
在el-upload中其他的方法手動判斷，比如在:on-success="handleFileSuccess"中進行手動判斷
if (response.code !== 200) {
this.$message.error(response.msg || '上傳失敗');
}
注意：
1.項目對于異常/報錯等返回消息的code是什么
2.是否屬于上述情況在于，瀏覽器F12檢查，這個方法是否http是200，自己手動檢查其response中的響應碼是否屬于200
)
