2024年Web前端最新vue axios post形式下载zip文件流_vuezip的流文件名称，2024年最新华为前端面试真题解析

最后

除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

axios以post形式发送请求, 获取zip文件流下载到本地

downloadFile() {
	var reqData = qs.stringify({ // form-data格式的数据
	  fileIds: "98g8349g-2343jkng8s98fga-324rkjgq"
	});
	axios
	  .post("/api/download/zip1", reqData, { // url中/api是前端解决跨域问题的
	    headers: { // 这里需要使用form-data格式数据发送请求
	      "Content-Type": "application/x-www-form-urlencoded"
	    },
	    responseType: "blob" // 下载zip文件需要使用的响应格式,这是区别于普通post请求的地方,重点!!!
	  })
	  .then(response => {
	    var zipName = "Bulk\_Download"; // 下载的文件名
	    let blob = new Blob([response.data], { type: "application/zip" }); // 下载格式为zip
	    if ("download" in document.createElement("a")) {
	       非IE下载
	      let elink = document.createElement("a"); // 创建一个<a>标签
	      elink.style.display = "none"; // 隐藏标签
	      elink.href = window.URL.createObjectURL(blob); // 配置href
	      elink.download = zipName;
	      elink.click();
	      URL.revokeObjectURL(elink.href); // 释放URL 对象
	      document.body.removeChild(elink); // 移除<a>标签
	    } else {
	      //IE10+
	      navigator.msSaveBlob(blob, zipName);
	    }
	  })
	  .catch(error => {
	    console.log("download error (batch)");
	    console.log(error);
	  });
}

如果是单独下载, 可以使用window.open()方法进行下载, 默认window.open会在浏览器中打开一个新的标签页, 不是很友好, 这里配置的"_self"就是在当前标签页打开下载, 还是比较有好的

最后前端到底应该怎么学才好？

如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。

不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。学习编程并不是每天光看视频，你学习编程最重要的目的是为了编写软件产品，提供给大众使用，所以用手写出代码实现功能才是我们要做的事情。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】