Javascript 在postman中上载文件可以正常工作,但在axios中会抛出500个错误
伙计们,我的后端正在工作,我可以在postman中发送带有表单数据的图像文件,但在我的客户端使用axios时,我给出了一个多部分/表单数据的头,它在postman中抛出Javascript 在postman中上载文件可以正常工作,但在axios中会抛出500个错误,javascript,file-upload,axios,request-headers,image-file,Javascript,File Upload,Axios,Request Headers,Image File,伙计们,我的后端正在工作,我可以在postman中发送带有表单数据的图像文件,但在我的客户端使用axios时,我给出了一个多部分/表单数据的头,它在postman中抛出{“statusCode”:500,“message”:“Internal server error”},内容类型是: content-type: multipart/form-data; boundary=<calculated when request is sent> 正在从组件发送到formData的数据:
{“statusCode”:500,“message”:“Internal server error”}
,内容类型是:
content-type: multipart/form-data; boundary=<calculated when request is sent>
正在从组件发送到formData的数据:
var formData = new FormData();
formData.append("name", this.productname);
formData.append("price", parseInt(this.price));
formData.append("discount", parseInt(this.discount));
formData.append("average_rating", this.way);
formData.append("average_rating", 4);
formData.append("texture", this.texture);
formData.append("name_of_artist", this.artist);
formData.append("time_for_artist_to_finish", parseInt(this.duration));
formData.append("weight", parseInt(this.weight));
formData.append("height", parseInt(this.height));
formData.append("width", parseInt(this.width));
formData.append("length", parseInt(this.length));
formData.append("usage_of_product", this.usages.join());
formData.append("type_of_colors_used", this.color);
formData.append("washable", Boolean(this.wash));
formData.append("can_be_heated", this.categoryCode);
formData.append("description", this.extra);
formData.append("category", Boolean(this.heat));
formData.append("file", this.pictures[0]);
this.$store.dispatch("PostNormalProductsFromServer", {formData,tokenSend});
伙计们,我和邮递员很容易就把尸体放在表格数据里了。我的axios代码有什么问题?这段代码对我很有用
var form = new FormData();
var file = document.querySelector('#file');
form.append("image", file.files[0]);
axios.post('upload_file', form, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
您可能有“CORS”错误 将此代码添加到后端源(路由的顶部):
const cors=require('cors');
应用程序使用(cors())代码>AddNamel是对象吗?应该像对象一样将其作为axios参数传递。类似这样的内容:axios.post('/api/product',{productImg:addEnamel},config)嗨,阿明先生,谢谢你的回答,但如果是cors错误,我无法从服务器发送或获取任何信息,所以我不认为这是问题所在。嗨,佩曼非常感谢你的回答,但在编辑我的代码之后,就像我对我的问题所做的编辑一样,错误保持不变,并且在请求头中,所有数据都是表单数据
var form = new FormData();
var file = document.querySelector('#file');
form.append("image", file.files[0]);
axios.post('upload_file', form, {
headers: {
'Content-Type': 'multipart/form-data'
}
})