element-ui upload小白踩坑

昨天用upload做了一个文件上传，然后由于菜遇到了以下几个问题。。。。虽然还不懂底层原理，也是学到了一些东西，做个记录~吸取教训~~~~~·

1.将文件信息发给后台时，后台总是收到的2次数据，开始以为是由于跨域问题发送的一次options请求一次请求导致的，后台没有过滤掉options的请求。弄了几个小时没有解决，后来老大把我的代码删了一些多余的，发现是由于我在组件上使用了:data=“uploadData”，又带了一次文件信息过去，去掉:data就没有问题了，后台能正常接收到一次文件信息。然后再次查看upload组件参数，对于data的解释为上传时附带的额外参数，然后猜测为element的upload组件在给action里的地址发送请求时，会自动将文件信息带过去。

2.需求是将文件发送给后台，后台返回一个url地址，图片墙需要用后台给的地址来展示图片，然后upload照片墙地址好像是默认的本地地址。。。当时不知道怎么去修改这个地址，然后找到了https://segmentfault.com/q/1010000014920750这个回答，使用file-list来解决了照片墙图片展示的地址问题，每次上传成功之后，后台给我返回一个地址，我就添加到file-list里面，照片墙里的地址就用的file-list里的~ 

3.格式不是后台支持的时候，后台会拒绝我的图片，不存在数据库里，并给我返回一个{message:"文件格式错误",code:"4003"}的信息，但是此时是走的onSuccess这个函数，图片仍然会预览在照片墙里，不是按我想的一样走onError函数，直接提示文件格式错误然后图片消失。然后看官网案例，如果格式不支持的时候返回的status code是503，然后老大让后台开发人员将返回的status code改成这种类似的，就解决了~