javascript - 无法在本地的反应应用程序中下载 pdf

Question

我正在使用 reactjs 创建一个投资组合，单击时无法下载简历 pdf 文件。我收到消息，因为没有文件。

这是我的简历组件

import React, { Component } from 'react';
import './Resume.css';
import resume from '../doc/ResumeAbhishek.pdf';

class Resume extends Component {
    render() {
        return (
            <div>
                <div className="row">
                    <div className="col">
                        <center>RESUME DOWNLOAD</center>
                    </div>
                </div>
                <br />
                <div className="row">
                    <div className="col">
                        <center>
                            <a type="button" className="btn btn-secondary btn-lg"
                            href={resume}
                            download="ResumeAbhishek.pdf">
                                <i class="fa fa-download" aria-hidden="true" />
                                &nbsp; Resume</a>
                        </center>
                    </div>
                </div>
            </div>
        );
    }
}

export default Resume;

标签： javascriptreactjs

Answer 1

为什么要从 pdf 导入？您的 href 应该是文件的路径，这样的东西应该可以工作：

 <a type="button" 
    className="btn btn-secondary btn-lg"
    href='/path/to/ResumeAbhishek.pdf'
    download>
 </a>