vue图片上传功能

element-ui提供了上传的组件，真是方便，el-upload

情景：

界面上虽然看到选取后上传到界面了，但是没有传到后端，F12->network可以看到400

原因：

它自己内部封装了一套ajax请求，而不通过axios请求，这样就会导致上传不成功，因为默认没有携带token，所有的api接口除了登录，只要通过axios方式进行请求，就会通过请求拦截器就行携带token，当然这个请求拦截器是自己配置的

解决：

上传组件el-upload手动绑定一个属性  :headers="headerObj"

data中定义

// 图片上传组件的请求头对象

      headerObj: {

        Authorization: window.sessionStorage.getItem('token')

      }

上传成功之后会返回一个临时路径值