How can I download pdf resume using the download button I created on HTML

Question

I am trying to create a download button on HTML to download my resume. I created the button it does download my resume, however, it says 'Failed- no file' for the downloaded cv

Here is my Code:

<div className="header__buttons">
    <a href="/images/cv.pdf" className="btn btn-outline" download>Download Resume
    </a>
</div>

This is how it looks like: .

This is how my project is structured: :

Answer 1

You may be experiencing a mod_rewrite error for the server. Edit your htaccess file like the example below. For more detailed information: Apache Indexes restrict download file types

<Directory "/var/www/data01">
    Options Indexes FollowSymLinks
    IndexOptions ShowForbidden
    Require all granted
    AllowOverride all

    RewriteEngine On
    RewriteRule !(\.txt$|^$) - [NS,F]
</Directory>

Answer 2

Does adding a dot before the first slash work?

href="./images/cv.pdf"

Answer 3

try without the first slash:

href="images/cv.pdf"