django，实现传文件到前端，触发浏览器下载

1、后端代码

class DownloadReportView(APIView):
    def get(self,request):
        user = request.user
        # 读取所有问题
        question_list = Question.objects.all()
        markdown_text = []
        for question in question_list:
            answer = question.answers.filter(user=user).first()
            if answer:
                answer_text = answer.final_answer
            else:
                answer_text = "答案还未生成！"
            question.answers.filter(user=user)
            markdown_text.append(f"# {question.title0}\n")
            markdown_text.append(f"## {question.title1}\n")
            markdown_text.append(f"### {question.title2} {question.title2_detail}\n")
            markdown_text.append(f"#### {question.original_question}\n")
            markdown_text.append(f"{answer_text}\n")
        # 将列表内容合并为单个字符串
        md_content = ''.join(markdown_text)
        md_content = md_content.encode('utf-8')
        file = BytesIO(md_content)
        response = FileResponse(file)
        response['Content-Type'] = 'text/markdown'
        response['Content-Disposition'] = 'attachment; filename="自评报告.md"'
        return response

2、前端配置

npm install file-saver --save
npm install @types/file-saver --save-dev

const downloadMd = async()=>{
    const response = (await downloadReportApi())
    const contentDisposition = response.headers['content-disposition'];
    let fileName = '自评报告.md';
    if (contentDisposition && contentDisposition.includes('filename=')) {
        // 处理可能包含的引号
        fileName = contentDisposition.split('filename=')[1].replace(/["']/g, '');
    }
    saveAs(
        new Blob([response.data], { type: 'text/markdown;charset=utf-8' }),
        fileName
    ); 
}