vue axios 下载文件

在Vue中使用axios下载文件的方法可以通过以下步骤来实现：

1. 首先，需要在Vue项目中导入axios和common模块。可以通过以下代码实现导入：

import axios from 'axios';
import common from '@/api/common';

2. 接下来，可以定义一个下载文件的方法，比如`download`。该方法可以接收一个参数`record`，表示要下载的文件的相关信息。在该方法中，可以调用`common.exportFile`方法来下载文件。此方法接收一个对象作为参数，其中包括文件夹名(`fileCategory`)和文件路径(`filePath`)。具体代码如下：

const download = (record) => {
  common.exportFile({'fileCategory':'identify','filePath':record.filePath});
}

3. 在后台的Spring Boot接口中，可以定义一个用于下载附件的接口。可以通过`@RequestMapping`注解定义该接口的URL和请求方法类型。在该接口的方法中，可以使用`@PathVariable`注解来获取参数。具体代码如下：

@Transactional
@ApiOperation(notes = "下载附件接口", value = "下载附件接口", httpMethod = "GET", produces = "application/json")
@RequestMapping(value = "/downloadAttachFile/{leaderPhone}", method = RequestMethod.GET, produces = "application/json;charset=UTF-8")
public Result downloadAttachFile(HttpServletResponse response, @ApiParam(name = "leaderPhone", required = true, value = "leaderPhone")@PathVariable("leaderPhone") String leaderPhone ) throws UnsupportedEncodingException {
  return userService.downloadAttachFile(response,leaderPhone);
}

4. 在Excel pom依赖中，需要添加poi和poi-ooxml的依赖。具体的依赖代码如下：

<!-- excel依赖 -->
<dependency>
  <groupId>org.apache.poi</groupId>
  <artifactId>poi</artifactId>
  <version>3.16</version>
</dependency>
<dependency>
  <groupId>org.apache.poi</groupId>
  <artifactId>poi-ooxml</artifactId>
  <version>3.16</version>
</dependency>

通过以上步骤，你可以在Vue中使用axios下载文件。首先导入axios和common模块，然后定义一个下载文件的方法，最后在后台接口中实现文件下载功能，并添加相关的Excel依赖。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue使用axios下载文件](https://blog.csdn.net/qq_43892230/article/details/129811949)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue + axios实现文件下载](https://blog.csdn.net/gaopinqiang/article/details/107350563)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]