在使用el-upload组件时,上传图片的接口需要携带token
直接上代码
<el-upload
:headers="headers"
:action="action"
class="avatar-uploader"
:on-success="handleAvatarSuccess"
:show-file-list="false"
>
<div class="logo" v-if="imageUrl">
<img :src="imageUrl" class="logo-img" />
</div>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
<div class="change-logo">更换logo</div>
</el-upload>
export default {
data() {
return {
headers: {
Authorization: "Bearer " + store.getters.access_token, //headers属性中添加token,这个属性是el-upload自带的用来设置上传请求头部
},
action: process.env.VUE_APP_BASE_API + "/admin/sys-file/upload2oss", //action就写成上传文件的接口我这里是动态设置请求地址
}
}
}