如何使用axios将包含大文件的java脚本对象上传到我的后端节点服务器？

Question

我试图使用 axios on React 向后端节点服务器发出 post 请求。但出现 404 错误，因为文件太大，axios 无法进行传输。

const handleSubmit = async () => {

    let formObj = null;
    // create a form element 
    formObj = new FormData();
    if(formObj){
        // make the data iterable
        let frmCollection = Object.entries(formData);
        // append the data to form data object
        frmCollection.forEach(([fieldName, fieldValue]) => formObj.append(fieldName, fieldValue));
        

        try{     
            const postReq = await axios.post('http://localhost:8000/postData', formData);
        }catch(e){
            console.log(e)
        }
    } else{
        console.log('form not valid');
    }
}

我做了这个 const handleSubmit = async () => {

    let formObj = null;
    // create a form element 
    formObj = new FormData();
    if(formObj){
        // make the data iterable
        let frmCollection = Object.entries(formData);
        // append the data to form data object
        frmCollection.forEach(([fieldName, fieldValue]) => formObj.append(fieldName, fieldValue));
        

        try{     
            const postReq = await axios.post('http://localhost:8000/postData', formData);
        }catch(e){
            console.log(e)
        }
    } else{
        console.log('form not valid');
    }
}

我期待后端得到一些积极的响应，但我得到了以下错误：

Answer 1

我记得，为了将数据发送到后端服务器，我们必须设置一个标头，例如 { headers: { "Content-Type": "multipart/form-data" } 我认为你无法用纯 axios 做到这一点