element-ui upload 实现带token上传 以及action该怎么写

在使用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就写成上传文件的接口我这里是动态设置请求地址
		}
	}
}

猜你喜欢

转载自blog.csdn.net/c327127960/article/details/128953350
今日推荐