美文网首页
Vue实现下载xml文件,避免浏览器默认直接打开文件

Vue实现下载xml文件,避免浏览器默认直接打开文件

作者: Poppy11 | 来源:发表于2020-09-10 17:58 被阅读0次

记录问题:后台返回给我xml文件的链接,我得下载,但是我发现浏览器直接使用window.open打开却直接打开这个文件了,不会走下载的流程,通过查阅资料得知,下载需要使用a标签的download属性

<a href="url"  download=""/>  //如果download不添加名字,那么下载的就是默认名

在vue中如何使用,当我们发送post请求成功时,创建一个a标签并且添加download属性和href属性就好了,这里有一个坑,就是大家记得添加http//。。。我就是因为没有添加这个,一直不能成功下载xml文件,下载的是html页面

 this.$axios.post('/packages/freemind2testlink/', fromdata, config).then(res => {
            const {file_path} = res.data
            let href = `http://10.65.196.9${file_path}`
            let a = document.createElement('a')
            a.setAttribute('download', '')
            a.setAttribute('href', href)
            a.click()
          })

相关文章

网友评论

      本文标题:Vue实现下载xml文件,避免浏览器默认直接打开文件

      本文链接:https://www.haomeiwen.com/subject/mcnpektx.html