解决使用elementUI框架el-upload上传组件时cookie丢失问题

后台使用el-upload完成上传,有时候会发现无法上传成功,会重定向至登录页面。

检查发现url请求并未添加cookie请求,cookie丢失导致无法完成验证。

el-upload组件默认请求是不带cookie的

解决方法:
设置属性with-credentials为true支持发送 cookie 凭证信息(:with-credentials='true')

如果按上面的方式处理,问题还存在,可能是你的网站存在虚拟目录导致。

给el-upload的action赋值的url地址必须是完整的根目录路径(/虚拟名录名称/上传的url地址)

此处强调:虚拟目录名称需要和你存储cookie的时候虚拟目录名称一样,建议大小写保持一致

      <el-upload
           class="upload-demo"
           ref="upload"
           :action="action_url"
           name="file"
           :with-credentials='true'
           :limit="1"
           :file-list="fileList"
           :auto-upload="false">
         <el-button size="small" type="primary">选择文件</el-button>
         <div slot="tip" class="el-upload__tip"></div>
      </el-upload>

 

posted @ 2020-12-02 20:17  Tommy_marc  阅读(1169)  评论(0编辑  收藏  举报