代码之家  ›  专栏  ›  技术社区  ›  Augustine1192

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

  •  0
  • Augustine1192  · 技术社区  · 2 年前

    我正试图在react上使用axios向后端节点服务器进行后期请求。但由于文件太大,axios无法进行传输,因此出现404错误。

    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()=>{

    让formObj=null;
    //创建表单元素
    formObj=新的FormData();
    if(formObj){
    //使数据可迭代
    let frmCollection=Object.entries(formData);
    //将数据附加到表单数据对象
    frmCollection.forEach(([fieldName,fieldValue])=>formObj.append(fieldName,fieldValue));
    
    
    尝试
    const postReq=等待axios.post('http://localhost:8000/postData',formData);
    }捕获(e){
    console.log(e)
    }
    其他的
    console.log('form无效');
    }
    }
    

    我本以为后端会有一些积极的回应,但我却出现了以下错误:

    axios 404 error

    1 回复  |  直到 2 年前
        1
  •  0
  •   Nhan Bui    2 年前

    我记得,为了将数据发送到后端服务器,我们必须设置一个类似的头 {headers:{“内容类型”:“多部分/表单数据”} 我认为用纯轴子是做不到的