Axios 通过a标签下载文件 跨域下载

简介: Axios 通过a标签下载文件 跨域下载
<!-- a标签占位 -->
    <a ref="down"  ></a>
getTest() {
        this.$axios.request({
          url: 'https://cnv13.55.la/download?file_key=3695fa9461a0ae59cf3148581e4fe339&handle_type=excel2pdf',
          method: 'get',
          responseType: 'blob', // 切记类型 blob
        }).then(res => {
          const url = URL.createObjectURL(res.data)
          this.$refs.down.href = url //转化成本地url
          this.$refs.down.download = '123456.pdf'//下载的文件名字
        this.$refs.down.click() //点击a标签
        })

image.png

相关文章
|
2月前
axios允许跨域cookie
axios允许跨域cookie
32 3
|
4月前
|
JavaScript API
NodeJs——使用axios下载上传文件
NodeJs——使用axios下载上传文件
156 4
|
5月前
|
XML 前端开发 JavaScript
JavaEE:http请求 | 过滤器 | 同步与异步请求 | 跨域问题 | axios框架 有这一篇就够!
JavaEE:http请求 | 过滤器 | 同步与异步请求 | 跨域问题 | axios框架 有这一篇就够!
|
5月前
|
NoSQL 前端开发 测试技术
若依修改,若依如何发送请求---王清江07,axios的请求在request.js文件中,若依发送GET请求,必须用param
若依修改,若依如何发送请求---王清江07,axios的请求在request.js文件中,若依发送GET请求,必须用param
|
7月前
|
前端开发 Java Spring
axios跨域请求解决,使用注解解决
axios跨域请求解决,使用注解解决
|
7月前
|
JavaScript
vue element upload组件配合axios实现用 “Content-Type“: “multipart/form-data“上传方式导入xls文件
vue element upload组件配合axios实现用 “Content-Type“: “multipart/form-data“上传方式导入xls文件
|
7月前
|
JSON 前端开发 JavaScript
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
371 0
|
7月前
|
前端开发 应用服务中间件 nginx
Vue+SpringBoot+Axios的跨域问题
Vue+SpringBoot+Axios的跨域问题
53 0
|
7月前
|
JSON 前端开发 JavaScript
《Vue3实战》使用axios获取文件数据以及走马灯Element plus的运用
《Vue3实战》使用axios获取文件数据以及走马灯Element plus的运用
|
前端开发 JavaScript API
原来这才是学习axios的正确姿势(安装、使用、跨域代理一站式解决)
Axios 是一个基于 promise 的 异步 ajax 请求库,前端最流行的 ajax 请求库。简单的讲就是可以发送get、post请求,负责与后端交互。
361 1