el-upload上传文件401原因及解决办法

最新推荐文章于 2024-04-26 20:40:37 发布

单打立棍

最新推荐文章于 2024-04-26 20:40:37 发布

阅读量2.4k

点赞数 1

分类专栏： vue js elementui 文章标签： vue.js 前端 javascript elementui

本文链接：https://blog.csdn.net/weixin_51094540/article/details/128221520

版权

js 同时被 3 个专栏收录

3 篇文章 0 订阅

订阅专栏

vue

2 篇文章 0 订阅

订阅专栏

elementui

1 篇文章 0 订阅

订阅专栏

el-upload上传文件401可能是请求头没有设置token导致，在element-ui文档中有headers属性，

在headers属性中添加token即可

html：
<el-upload
  ref="upload"
  :showUploadList="false"
  :on-success="handleSuccessImport"
  :on-error="uploadhandleError"
  accept="xls,xlsx,docx"
  :headers="ausorToken"  // hesaders属性
  :on-progress="handleProgress"
  action="http://localhost:8081/citec/newImportbak/import/"
  class="uploadClass"
  >批量导入账号</el-upload
>

js：
data(){
    return{
         Authorization:""
    }
}

created(){
    this.ausorToken.Authorization = 'Bearer ' + getToken() //getToken()获取token的api
}