iview Upload组件上传图片报500错误

Question

这是代码
<template>

<div>
    <Upload
        type="select"
        action="http://192.168.1.149:8080/upload/image"
        :headers ="{'Content-Type': 'multipart/form-data'}"
        :data='datas'
        :with-credentials='true'
        :before-upload='beforeUpload'
        >
        <div style="padding: 20px 100px">
            <Icon type="ios-cloud-upload" size="52" style="color: #3399ff"></Icon>
            <p>上传图片</p>
        </div>
    </Upload>
</div>

</template>

<script>

export default {
    data(){
        return {
            datas:{
                image: null,
                type: 4
            }
        }
    },
    methods:{
        beforeUpload(file){
            this.datas.image = file;
            
            console.log(this.datas)
        }
    }
}

</script>

这是报错

问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

谢谢，找到原因了，不用加:headers ="{'Content-Type': 'multipart/form-data'}"

Answer 2

这个比较明显的是接口报错了，应该从后端接口入手查找原因，也就是

http://192.168.1.149:8080/upload/image