Vue - ElementUI 组件 upload 上传文件时携带 token

ElementUI 组件 upload 上传文件时携带 tokendata 中定义 token 参数data() {return {token: "",},本地存储中获取 tokenmounted() {this.token = window.sessionStorage.getItem("token");},computed 计算属性中计算 headerscomputed: {config()

Jie_1997

3841人浏览 · 2021-10-13 16:45:05

Jie_1997 · 2021-10-13 16:45:05 发布

ElementUI 组件 upload 上传文件时携带 token

data 中定义 token 参数

data() {
  return {
    token: "",
    fileList: []
},

本地存储中获取 token

mounted() {
  this.token = window.sessionStorage.getItem("token");
},

computed 计算属性中计算 headers

computed: {
  config() {
    return { token: this.token };
  },
},

upload上传组件中配置 headers

<el-upload
  drag
  :action="this.$baseUrl + '/upload/add'"
  :headers="config"
  multiple
  :file-list="fileList"
  :on-success="handleSuccess"
>
  <i class="el-icon-upload"></i>
  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
</el-upload>