Vue 下载文件

最新推荐文章于 2024-08-06 11:39:27 发布

巨砲

最新推荐文章于 2024-08-06 11:39:27 发布

阅读量214

点赞数

文章标签： vue vue.js

本文链接：https://blog.csdn.net/clearjj/article/details/111666515

版权

在项目中尤其是后台之类的项目，上传下载、导出 excel等等这些会非常多，一般情况下流程是后端会写一个get接口返回一个文件流，我们只需要拼接好相应的参数和 token 打开这个地址就可以了。

//下载
downloadFile(val){
  // 拿到 token 部分 一般是 bear xxxxxxxxxxxxxxxxx 我们需要切割一下
  let tem=this.$store.state.token.split(' ')[1];
  // 拼接好我们需要的参数和 token 
  let temPath=baseUrl+"/project/project/downloadFile?ftpId="+val+"&access_token="+tem;
  // 用这个链接打开一个新页面 即可实现下载 导出 
  window.open(temPath);
},