导出功能与迅雷浏览器下载插件的冲突
事件的起因
- 有一天接到一个导出excel文件数据的需求,系统是一个springboot的网页项目,框架中已有整合导出工具,是个很小的功能,日常写完代码运行程序,测试了一下,完美运行,测试通过后,随着其他功能一起上线了,本来事情到这也就改结束了.
- 后来发现,当导出前,页面上选中的条件过多时,前端的下载excel文件路径就太长了,导致前端请求发送失败,搜索一下后发现,get请求不支持太长的路径,于是乎改用post请求的方式发送.
- 参照网上的解决方式,创建一个form表单元素的方式来发送post请求下载excel文件
function download($,url,method, datas) {
var form = $("<form>");
form.attr('style', 'display:none');
form.attr('target', '');
form.attr('method', method);
$('body').append(form);
try{
form.attr('action', url);
form.empty();
if (datas && typeof(datas) == 'object') {
for (var item in datas) {
var $_input = $('<input>');
$_input.attr('type', 'hidden');
$_input.attr('name', item);
$_input.val(datas[item]);
$_input.appendTo(form);
}
}
form.submit();
}finally {
form.remove();
}
}
- 修改完之后,启动项目测试了一下,发现下载出来的excle文件内容是错误的提示文字,通过后台断点调试,发现后端一共接收到了两个请求,一次post,一次get,post请求正常通过了,到了get请求时,就会通报不支持get方法错误.
- 百思不得其解,于是乎请教了下一个大佬同事,大佬一顿调试,也很奇怪,起初他怀疑是后端方式写的有问题,后来调试后也觉得不对,直到他看到我浏览器下载时弹出了一个迅雷插件
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/fdb95fb450ff9f1f5049aaca0c3fd1e5.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5acde210cba04c49dc752e8adfdb6fbc.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/c2d95ce55f68ccf8657101bd1304c357.png)
- 于是大佬怀疑是我迅雷插件的问题,我还狡辩了一下,不可能,绝对不可能,跟迅雷插件有什么关系呀
- 然后大佬将我的迅雷插件关闭之后
- ┭┮﹏┭┮,完美导出
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e1aff4a1c2d00dca815f0b4508d721d0.png)
- 原来困惑我这么久的问题居然是这个小小的插件.
- 后来大佬解释跟我说:“应该是浏览器第一次发了一个post请求,后来又被迅雷拦截了,迅雷再次发起了一个get请求.”
- 恍然大悟,垃圾迅雷,卸载!