前言

本文使用axios和openpyxl，想要了解这两个的同学链接如下：
openpyxl:https://blog.csdn.net/i_coffer/article/details/112134491
通过python来读取数据库生成excel文件
axios：https://blog.csdn.net/gao_xu_520/article/details/79726298
前端发送请求的一种方式

前端代码

responseType: 'blob’这步十分关键

<template>
<!--  通过按钮的方式来下载文件做测试-->
  <el-button plain  @click="getEventDay()">朴素按钮</el-button>
</template>

<script>
import axios from 'axios'
export default {
  data () {
    return {
    }
  },
  methods: {
    // 调用的方法
    async getEventDay () {
      axios({
        // axios访问的方式，url地址，以及response的流格式，设置为blob这一步十分重要
        method: 'post',
        url: 'http://127.0.0.1:8000/api/event_day/',
        responseType: 'blob'
      }).then(res => {
        // 获取头文件中的内容为了读取后端发送文件的文件名
        var disposition = res.headers['content-disposition']
        var fileName = decodeURI(disposition.substring(disposition.indexOf('filename=') + 9, disposition.length))
        // 创建blob流并将数据添加进去，根据不同类型文件设置不同的type，excel就设置这种type就可以了
        const blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }) // 假设文件为pdf
        // 创建组件并点击，地址为流地址，之后销毁掉
        const link = document.createElement('a')
        link.href = window.URL.createObjectURL(blob)
        link.download = fileName
        link.click()
        link.remove()
      }).catch(err => {
        var enc = new TextDecoder('utf-8')
        var res = JSON.parse(enc.decode(new Uint8Array(err.data))) // 转化成json对象
        console.log(res)
      })
    }
  }
}
</script>

<style scoped>

</style>

后端代码

from openpyxl import Workbook
def event_day(request):
# django里面的特定调用数据库的方法
        report = models.ReportForm.objects.all()
        #创建对象
        wb = Workbook()
        #起文件名字
        dest_filename = '日报'
        #创建sheet
        ws1 = wb.active
        ws1.title = "dayilyCount"
        #给excel的单元格填写内容
        ws1.cell(1, 1, 'id')
        ws1.cell(1, 2, '1234')
        ws1.cell(1, 3, '事件类型')
        ws1.cell(1, 4, '备注')
        row = 2
        col = 1
        for rep in report:
            ws1.cell(row, col, rep.id)
            ws1.cell(row, col + 1, rep.time)
            ws1.cell(row, col + 2, rep.type)
            ws1.cell(row, col + 3, rep.payload)
            row = row + 1
#返回内容
        response = HttpResponse(content_type='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', charset='utf-8')
        response['Content-Disposition'] = 'attachment; filename={0}.xlsx'.format(quote(str(dest_filename)))
        response['Access-Control-Expose-Headers'] = 'Content-Disposition'
        wb.save(response)
        return response