1.axios配置
if(config.isFormData){
config.headers["Content-Type"] = "multipart/form-data";
}
2.el-upload
<el-upload action="abcd" :http-request="uploadFile">
</el-upload>
//自定义上传方法 用action有跨域的问题
uploadFile(params) {
const file = params.file;
// 使用FormData传参数和文件
var form = new FormData();
// 文件
form.append("file", file);
// 调用封装好的上传方法,传给后台FormData
upload(form).then(data => {
console.log('上传图片成功')
}).catch(response => {
console.log('图片上传失败')
})
}
3.请求方法
export const upload = (formData) => {
return request({
url: '/api/blade-resource/oss/endpoint/put-file',
method: 'post',
isFormData:true,
data:formData }
)}