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

作者：Monodyee | 2024-03-21 23:45:38

踩

element upload 上传文件携带token

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

data 中定义 token 参数

data() {
  return {
    token: "",
    fileList: []
},
1
2
3
4
5

本地存储中获取 token

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

computed 计算属性中计算 headers

computed: {
  config() {
    return { token: this.token };
  },
},
1
2
3
4
5

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>
1
2
3
4
5
6
7
8
9
10
11

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/283637