vue使用post下载文件兼容ie以及get下载

<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>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值