前端下载文件

1、直接下载(后端提供下载url地址）

``
downloadPdf(id).then(res=>{
	if(res.success && res.code == 200){
		let ur = res.result ; //下载地址
		const a = document.createElement('a');
		a.href = url;
		a.style.display = 'none';
		document.body.appendChild(a);
		a.click();
		document.body.removeChild(a);
		this.$message.success("正在下载...");
	}else{
		this.$message.error(res.message);
	}
})

2、上述下载方式的文件名是固定不可修改的，下面是可自定义文件名称

downloadPdf(id).then(res=>{
	if(res.success && res.code == 200){
		let ur = res.result ; 
		const a = document.createElement('a');
		fetch(url).then((res)=>res.blob()).then((res)=>{
			a.href = URL.createObjectURL(blob);
			a.download = fileName;  // fileName是自定义的文件名称
			document.body.appendChild(a);
			a.click();
			document.body.removeChild(a);
			this.$message.success("正在下载...");	
		})
	}else{
		this.$message.error(res.message);
	}
})