为什么不能下载Flask的文件？

Question

Why can not I download the file?

@app.route('/files/<file>/download')
def download_file(file):
    return send_file(uploads_dir+'/files/'+file, as_attachment=True, attachment_filename=file)

127.0.0.1 - - [15/Oct/2019 16:16:55] "GET /files/Screenshot_11.png/download HTTP/1.1" 200

fleDownload=event=>{
        axios.get(document.getElementById('filename').getAttribute('data-url') + '/download')
    }

    render() {
        return (
            <>
            <a href="#" id="filename" onClick={this.fleDownload} data-url={this.state.version.file}>{this.state.version.file}</a>

Answer 1

Since you are using an <a> element already, you should use the href attribute with the corresponding url. That way the browser handles the downloading for you and you don't have to request it via axios manually.

<a href={this.state.version.file + '/download'}>{this.state.version.file}</a>

Edit: With the current approach (fetching the path from the server) the browser doesn't know that you want the file to be downloaded. You could circumvent this by using the approach mentioned here: https://gist.github.com/javilobo8/097c30a233786be52070986d8cdb1743 but that is just a hack and ultimately does the same as my original answer does.