首页 > Web开发 > 详细

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

时间:2021-09-03 23:52:59      阅读:31      评论:0      收藏:0      [点我收藏+]

后台使用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>

 

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

原文:https://www.cnblogs.com/xiaoxiaomini/p/15223559.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!