前端文件下载

最近做项目遇到要把文件放在前端项目中，然后点击下载
完整代码：

import React from 'react';
import { Button,  Card } from 'antd';
import EXAM_TEMPLATE from '@/assets/exam_template.xlsx';

class BatchImport extends React.PureComponent {

  handledDownload = () => {
    window.open(EXAM_TEMPLATE);
  };

  render(){
    return(
      <Card bordered={false}>
        <Button onClick={this.handledDownload}>下载考级题库模板</Button>
      </Card>
    );
  }
}

export default BatchImport;

1. 先把文件放在静态目录src/assets里面
2. 通过import引入

import EXAM_TEMPLATE from '@/assets/exam_template.xlsx';

3. 用window.open打开访问链接（即下载）

window.open(EXAM_TEMPLATE);