iview upload 组件

Question

在template

 
<div> 
   <Upload
    action="http://192.168.5.4:9090/upload/image"
    :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>

绑定数据

      需要传给后台的数据
        datas:{
                type: 4,
                image: null
            },

在methods

beforeUpload(file) {
    this.datas.image = file
    console.log(this.datas)
}

控制台显示的错误

不知道为什么报403

在postman是可以传的

Answer 1

http://192.168.5.4:9090/upload/image 这个地址跨域了哈，你要在 proxyTable 里配置一下代理，postman 不是网页所以不存在跨域的问题。