vue2使用axioms下载excel文档,出现乱码

如果在vue2项目中使用axios下载excel文档出现乱码，可能是因为axios默认会将响应数据解析为JSON格式，而excel文档是二进制文件，不是JSON格式。可以在axios请求中设置responseType为'arraybuffer'，以获取二进制数据。

示例代码如下：

axios({
  url: 'your/url/to/download',
  method: 'get',
  responseType: 'arraybuffer' // 设置responseType为arraybuffer
}).then(res => {
  const content = res.data
  const blob = new Blob([content]) // 将二进制数据转换为Blob对象
  const fileName = 'your-file-name.xlsx'
  const link = document.createElement('a')
  link.href = window.URL.createObjectURL(blob)
  link.download = fileName
  link.click()
})

这段代码会发送一个GET请求，获取二进制数据，然后将数据转换为Blob对象，并创建一个下载链接进行下载。

相关问题

vue下载excel乱码

Vue下载Excel文件出现乱码问题一般是因为Excel文件编码与网页编码不一致导致的。可以尝试以下方法来解决问题：

1. 在后端将Excel文件编码设置为UTF-8，例如PHP中可以使用`header('Content-Type: application/vnd.ms-excel;charset=UTF-8');`来设置。

2. 在前端设置responseType为blob，然后使用FileReader将blob转为字符串，再使用`decodeURIComponent()`方法进行解码，例如：

axios({
  method: 'GET',
  url: 'your_excel_url',
  responseType: 'blob'
}).then((response) => {
  const reader = new FileReader()
  reader.readAsText(response.data, 'GBK') // 将编码设置为Excel文件编码
  reader.onload = () => {
    const content = reader.result
    const decodedContent = decodeURIComponent(escape(content)) // 解码
    console.log(decodedContent)
  }
})

3. 在前端使用第三方库如`xlsx`或`file-saver`来处理Excel文件下载，这些库已经处理了编码问题，可以避免出现乱码问题。