解决使用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>