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

相关文章
|
1月前
|
前端开发 Java Spring
axios跨域请求解决,使用注解解决
axios跨域请求解决,使用注解解决
|
1月前
|
JavaScript
vue element upload组件配合axios实现用 “Content-Type“: “multipart/form-data“上传方式导入xls文件
vue element upload组件配合axios实现用 “Content-Type“: “multipart/form-data“上传方式导入xls文件
|
1月前
|
JSON 前端开发 JavaScript
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
Vue+Axios+SpringBoot后端同时接收文件和json作为请求参数
103 0
|
1月前
|
前端开发 应用服务中间件 nginx
Vue+SpringBoot+Axios的跨域问题
Vue+SpringBoot+Axios的跨域问题
24 0
|
1月前
|
JSON 前端开发 JavaScript
《Vue3实战》使用axios获取文件数据以及走马灯Element plus的运用
《Vue3实战》使用axios获取文件数据以及走马灯Element plus的运用
|
6月前
|
前端开发 JavaScript API
原来这才是学习axios的正确姿势(安装、使用、跨域代理一站式解决)
Axios 是一个基于 promise 的 异步 ajax 请求库,前端最流行的 ajax 请求库。简单的讲就是可以发送get、post请求,负责与后端交互。
212 1
|
1月前
|
移动开发 JavaScript 前端开发
ElementUI实现登录注册啊,axios全局配置,CORS跨域
ElementUI实现登录注册啊,axios全局配置,CORS跨域
49 0
|
6月前
|
SQL JavaScript 前端开发
ElementUI之登陆+注册->饿了吗完成用户登录界面搭建,axios之get请求,axios之post请求,跨域,注册界面
ElementUI之登陆+注册->饿了吗完成用户登录界面搭建,axios之get请求,axios之post请求,跨域,注册界面
38 0
|
7月前
|
自然语言处理 JavaScript 前端开发
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
【Vue.js】使用Element入门搭建登入注册界面&axios中GET请求与POST请求&跨域问题
329 0
|
7月前
|
JavaScript 前端开发 Java
ElementUI实现登录注册+axios全局配置+CORS跨域
ElementUI实现登录注册+axios全局配置+CORS跨域
41 0