首页 > 解决方案 > Reactjs Axios MongoDb ,上传 csv 文件,在邮递员中得到 200 响应,不知道为什么它得到 500 内部服务器错误?

问题描述

 const [selectedFile , setSelectedFile] = useState('');
    
    const handleInputChange = (event) => {
        setSelectedFile(event.target.files[0]);
    }
    const submit = async (event) =>{
        event.preventDefault();
        var form = new FormData();
        var file = document.querySelector('#file');
        form.append("file", file.files[0],{ type: 'text/csv' });
        await axios.post(`${API}/api/operator/auth/operator/uploadcsv`, form, { 
            headers: {
                'Content-Type': 'multipart/form-data',
                'x-auth-token': operatortoken,
            },
        })
        .then(res => { 
            console.log("uploaded")
            console.log(res);
        })
        .catch((error) => {
            console.log("error")
            console.log(error.response)
        })

    }

      <form   onSubmit={(e) => submit(e)}>
                                <div className="form-row">
                                    <div className="form-group col-md-6">
                                    <fieldset>
                                        <label className="text-white">Select File :</label>
                                        <input id="file" type="file" className="form-control" name="file" accept=".csv" onChange={(e) => handleInputChange(e)} />
                                    </fieldset>
                                    </div>
                                </div>

                                <div className="form-row">
                                    <div className="col-md-6">
                                        <button type="submit" className="btn btn-dark">UploadCSV</button>
                                    </div>
                                </div>
    </form>

邮递员响应得到了 200 个响应。 但在浏览器中出现 500 内部服务器错误。 见邮递员回复:https ://i.stack.imgur.com/Ebfxe.png

解决这个问题真的很有帮助。谢谢

标签: reactjsmongodbaxios

解决方案


推荐阅读