vue3 axios 导出文件乱码

Vue3中使用axios进行文件下载时，如果导出文件内容出现乱码，这通常是编码问题导致的。以下是可能的原因和解决步骤：

1. **字符集不匹配**：检查你的文件内容以及服务器响应的字符集是否一致。如果文件内容是UTF-8编码，而axios没有正确设置响应内容的解码，可能会导致乱码。你可以设置axios的response headers的`Content-Type`为`application/octet-stream`，并手动处理解码。

import axios from 'axios';

axios.defaults responseType = 'blob';
axios.interceptors.response.use(response => {
  const contentType = response.headers['content-type'];
  if (contentType.includes('charset')) {
    // 解析并重新编码响应体
    return new Response(new TextDecoder('utf-8').decode(response.data), { headers: response.headers });
  }
  return response;
}, error => {
  // 处理错误
});

2. **文件编码问题**：确认服务器发送的文件是使用正确的编码（如UTF-8、GBK等），如果文件是从数据库或其他非UTF-8源获取的，需要在发送前转换编码。

3. **浏览器设置**：有时浏览器会根据用户设置自动处理编码，你可以在浏览器的开发者工具网络面板查看响应头的`Content-Encoding`，确保它不是被自动解码了。