drf后端生成Excel文件，前端用vue2+element ui提供下载，后端和前端代码应该怎么写

在Django Rest Framework (DRF) 后端生成Excel文件并允许前端Vue.js应用通过Element UI下载，可以按照以下步骤操作：

**后端 (Django + DRF):**

1. 安装依赖库: 首先需要安装`django-excel`库，用于处理Excel文件生成，以及`xlsxwriter`或`openpyxl`等库来创建实际的工作簿。

pip install django-excel xlsxwriter

2. 创建视图集 (ViewSet):

from rest_framework import generics
from .models import YourModel
from .serializers import YourModelSerializer
from excel_response import ExcelResponse

class ExportExcelView(generics.ListAPIView):
    queryset = YourModel.objects.all()
    serializer_class = YourModelSerializer
    
    def get(self, request):
        data = self.get_serializer(self.queryset, many=True).data
        response = ExcelResponse(data, filename='your_file_name.xlsx')
        return response

这里使用了`excel_response`库封装了一个自定义响应，返回的是Excel文件。

3. 在`views.py`里导入`ExportExcelView`并添加到URL配置中。

**前端 (Vue.js + Element UI):**

1. 引入所需的Element UI组件和axios用于HTTP请求。

<script src="https://unpkg.com/element-ui@2.0.11/lib/index.js"></script>

2. 使用Element UI的按钮组件和axios发起GET请求下载文件:

<template>
  <div>
    <el-button @click="downloadExcel">下载Excel</el-button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  methods: {
    downloadExcel() {
      axios.get('/api/export_excel') // 替换为实际API地址
        .then(response => {
          const blob = new Blob([response.data], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
          window.location.href = URL.createObjectURL(blob);
        })
        .catch(err => console.error('Error:', err));
    }
  }
}
</script>

这段代码会发送GET请求到后端指定的URL，并将接收到的Excel数据作为blob对象下载。

**相关问题--:**
1. 如何在前端显示文件名而不是默认的？
2. 如果需要过滤或排序数据再导出，如何在后端处理？
3. Django项目中如何设置跨域请求以允许前端访问Excel API?