如何从Flask api服务器获取图像响应并将其显示在react应用程序中

Question

响应的数据字段给出图像文件。

flask服务器中的python文件具有以下响应代码：

flask.send_file(loc_dir+res+".png", attachment_filename=res+".png", as_attachment=true)

要获取我正在使用的reactjs中的响应，

var x = new Buffer(response.data, 'binary').toString('base64');
        console.log(x);
        this.setState({
            image_url: 'data:image/png;base64,'+x,
            gotGraph: true
        })

PS ：我确信在使用Postman时，当获得图像时，图像响应正确。

修改：

await axios.post('http://ec2-xxxxxxxxxxxxxxx.compute-1.amazonaws.com/contrib/', {"url": "https://github.com/zeromq/cppzmq"}, {
    headers: {
        'Content-Type': 'application/json',
        'responseType': 'arraybuffer'
    }}).then(response => {
        var x = new Buffer(response.data, 'binary').toString('base64');
        console.log(x);
        this.setState({
            image_url: 'data:image/png;base64,'+x,
            gotGraph: true
        })
    })