umi、post 文件下载

umi + post 下载

• 参考
• 注意点
  • responseType: ‘blob’ 必须指定

    import React from 'react';
    import { Button } from 'antd';
    import 'antd/dist/antd.css';
    import request from 'umi-request';
    
    export default () => {
      function download() {
        request('/down', {
          method: 'POST',
          // 必须加responseType: 'blob',
          responseType: 'blob',
        }).then(res => {
          const blob = new Blob([res]);   //注意拿到的是数据流！！
          const objectURL = URL.createObjectURL(blob);
          let btn = document.createElement('a');
          btn.download = '文件.docx'; //文件类型
          btn.href = objectURL;
          btn.click();
          URL.revokeObjectURL(objectURL);
          btn = null;
        });
      }
      return (
        <>
          <Button type="primary" onClick={download}>
            下载文件
          </Button>
        </>
      );
    };