element-ui上传图片获取不到token可以这样来(内置错误示范=-=)

用element-ui给的图片上传组件上传组件的时候请求如果没有被拦截器拦截,或者说你没有配置拦截器拦截请求并放置token到请求头,那么这个上传的请求就不会携带token信息.

但是我们又需要这个请求附带拦截信息,我们可以手动获取,下面我试了一种方法:

headers属性

//正常方法中加入:headers属性
<el-upload
	:headers="MyHeader">
<el-button type="danger" v-show="!ishow" @click="updateuserImage()">上传头像</el-button>
</el-upload>
//在script中获取token
<script>
	var token = sessionStorage.getItem('token')

	export default {
	  data() {
	    return {
	    	//定义一个变量让:headers获取
	    	MyHeader : token
	  	  }
	    }
	  }
    </script>

如上就能让上传的请求自己携带一个token信息,但是这是有问题的,这样的上传之后的token长这样这个是错误的:

我们改一下:

<script>
	var token = sessionStorage.getItem('token')
	export default {
	  data() {
	    return {
	    	//这里优化一下
	    	MyHeader : {Authorization: token}
	  	  }
	    }
	  }
    </script>

现在可以正常获取了