js axios 下载文件时中文名称乱码

如何解决"js axios 下载文件时中文名称乱码"

一、整体流程

journey
    title 解决"js axios 下载文件时中文名称乱码"流程
    section 下载文件
        开发者->小白: 接收问题
        开发者->小白: 分析问题
        开发者->小白: 解决问题

二、具体步骤

1. 发送请求下载文件

首先，我们需要使用 axios 发送请求下载文件。代码如下：

```javascript
// 发送请求下载文件
axios({
  method: 'get',
  url: '
  responseType: 'blob', // 设置响应数据类型为blob
})
  .then((response) => {
    // 处理下载的文件
  })
  .catch((error) => {
    console.error(error);
  });

### 2. 处理下载的文件

当文件下载完成后，我们需要进行处理，将文件保存到本地。代码如下：

```markdown
```javascript
.then((response) => {
  const url = window.URL.createObjectURL(new Blob([response.data]));
  const link = document.createElement('a');
  link.href = url;
  link.setAttribute('download', 'filename.xlsx'); // 设置文件名
  document.body.appendChild(link);
  link.click();
})

### 3. 设置文件名

在设置文件名时，我们可以通过指定文件名的方式解决中文乱码问题。比如上面的代码中，设置文件名为`filename.xlsx`，这样可以避免中文乱码问题。

## 结语

通过以上步骤，我们成功解决了"js axios 下载文件时中文名称乱码"的问题。希望这篇文章对你有所帮助，如果有任何疑问，欢迎随时向我提问。祝你编程顺利！