vue+axios实现文件下载及vue中使用axios的实例
发布时间：2020-12-16 23:30:18 所属栏目：百科 来源：网络整理
导读：功能：点击导出按钮，提交请求，下载excel文件； 第一步：跟后端童鞋确认交付的接口的response header设置了 以及返回了文件流。 第二步：修改axios请求的responseType为blob，以post请求为例： { this.download(response)}).catch((error) => { }) 第三步：
|
功能：点击导出按钮，提交请求，下载excel文件； 第一步：跟后端童鞋确认交付的接口的response header设置了
以及返回了文件流。 第二步：修改axios请求的responseType为blob，以post请求为例： {
this.download(response)
}).catch((error) => {
}) 第三步：请求成功，拿到response后，调用download函数（创建a标签，设置download属性，插入到文档中并click） document.body.appendChild(link)
link.click()
} 下面在通过实例代码看下vue中使用axios1.安装axios npm：
cdn： 2.配置axios在项目中新建api/index.js文件，用以配置axios api/index.js 这里的配置了POST、GET、PUT、DELETE方法。并且自动将JSON格式数据转为URL拼接的方式 同时配置了跨域，不需要的话将withCredentials设置为false即可 并且设置了默认头部地址为：，这样调用的时候只需写访问方法即可 3.使用axios注：PUT请求默认会发送两次请求，第一次预检请求不含参数，所以后端不能对PUT请求地址做参数限制 首先在main.js中引入方法 然后在需要的地方调用即可 {
if (response.status >= 200 && response.status < 300) {
console.log(response.data);请求成功，response为成功信息参数
} else {
console.log(response.message);请求失败，response为失败信息
}
});
总结以上所述是小编给大家介绍的vue+axios实现文件下载及vue中使用axios的实例。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
