阅读 450

解决使用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的时候虚拟目录名称一样,建议大小写保持一致

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

 

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

文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐