即使没有进入catch块，axios也不会捕获错误

Question

我正在尝试获取 Axios 捕获块中的错误状态代码 413。我尝试了不同的解决方案，但对我没有任何效果。您能否检查一下出了什么问题。

uploadNewDatDocuments(datId, files = [], additionalInfo = {}) {
    return new Promise((resolve, reject) => {
        let url = new URL(this.baseUrl + this.uploadDocument.replace('{id}', datId));
        Object.keys(additionalInfo).forEach(queryParam => url.searchParams.set(queryParam, additionalInfo[queryParam]));
        let formData = new FormData();
        files.forEach(file => formData.append('files', file));
        axios
            .post(url.toString(), formData, {
                headers: {
                    'Content-Type': 'multipart/form-data'
                }
            })
            .then(response => {
                resolve(response.data);
            })
            .catch(error => {
                console.log("error occurred")
                reject(error);
            }).finally(error=>{
                console.log(error);
            })
    });
}

这是我的操作代码。

export function uploadNewDocuments(datId, additionalInfo = {}, attachments = [], comment = {}) {
return dispatch => {
    datService
        .uploadNewDatDocuments(datId, attachments, additionalInfo)
        .then(response => {
            const attachmentsIds = response.map(attachment => attachment.id);
            dispatch(
                DatCommentActions.addDatNewComment(datId, {
                    ...comment,
                    message: { ...comment.message, attachments: attachmentsIds }
                })
            );
        })
        .catch(error => {
            dispatch(MessageActions.showMessage({ message: error.response.data.message }));
            console.error(error);
        });
};

}

Answer 1

413 Request Entity Too Large 实际上并不是错误，它是一个不成功的响应，除非响应中有实际错误，否则 catch 不会触发。

你可以做的是检查 response.status 并在此基础上编写自己的 error 处理。