vue elementui el-upload上传的时候 子组件的header没触发Authorization 没传给后端的问题
【代码】vue elementui el-upload上传的时候 子组件的header没触发Authorization 没传给后端的问题。
·
<el-form-item label="上传" prop="file" required v-if="isTypechecked">
<!--使用:auto-upload="false"的时候:before-upload="fieldBeforeUpload"before-upload就会失效-->
<el-upload
ref="upload"
multiple
:data="odata"
:action="baseUrl"
:on-preview="handlePreview"
:on-remove="handleRemove"
:on-change="handleChange"
:file-list="fileList"
:limit="9"
:before-upload="fieldBeforeUpload"
:headers="headers"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<div slot="tip" class="el-upload__tip">(可多选)上传文件不能超过{{ limiSize }}M,格式为mp3</div>
</el-upload>
</el-form-item>
<!--我的做法是直接在父级页面(也就是调用el-upload)的页面直接添加:headers="headers"-->
import { getToken } from "@/utils/auth";
data() {
return {
headers: {
Authorization: "Bearer " + getToken(),
},
}
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)