<div>
<el-button @cilck="downTextPost">post下载</el-botton>
<el-button @cilck="downTextGet">post下载</el-botton>
<div>
<script>
export default{
data(){},
methods:{
downTextPost(){
this.axios({
method:'post',
url:'http:www.aaa.com'
data:{},
headers: {
'Authorization': $states.getToken(), // 请求token
'Content-Type': "application/json;charset=utf-8"
},
responseType:'bolb'
}).then(res=>{
// IE兼容
if (window.navigator.msSaveOrOpenBlob) {
window.navigator.msSaveOrOpenBlob(blob, fileName);
} else {
var blob = new Blob([res.data],
{type: 'application/msword;application/vnd.ms-excel;charset=utf-8'});
var filename = "download.doc"; //这里可以自己设置个系统时间
var a = document.createElement('a');
var url = window.URL.createObjectURL(blob);
a.href = url;
a.download = filename;
var body = document.getElementsByTagName('body')[0];
body.appendChild(a);
a.click();
body.removeChild(a);
}
})
},
downTextGet(){
window.location.href ='http:www.aaa.com';
//或者window.open('http:www.aaa.com')
},
}
}
</script>
vue使用post下载文件兼容ie以及get下载
最新推荐文章于 2024-06-24 19:39:11 发布