无法在主机上的 React 应用程序中下载 pdf

Question

无法在 AWS 主机上下载 PDF 文件。

import React, {Component} from 'react';
import aa from "../media/AA.pdf";

export default class FileDownloader extends Component {
    render() {
        return (
            <div className="pdf">
                <a href={aa} download="aa.pdf">Download</a>
            </div>
        );
    }
}

我尝试了不同的方法 <a href={process.env.PUBLIC_URL + "/media/AA.pdf"} download="AA.pdf">Download</a> 但同样的错误

媒体文件夹进入app/src/media/aa.pdf

本地它在 AWS 主机上工作正常我无法下载文件。浏览器尝试下载但不保存。我用 AWS Amplify

Answer 1

问题出在 AWS 中的重写和重定向。

添加新规则或更改现有规则|pdf|

• 来源应该是 </^[^.]+$|\.(?!(css|pdf|gif|ico|jpg|js|png|txt|svg|woff|ttf|map|json)$)([^.]+$)/>
• 目标地址index.html
• 类型 200（重写）