Flask站点中HTML<a>标签download属性本地正常但运行main.py报错

问题核心是本地打开HTML的相对路径逻辑，和Flask服务器运行时的路径逻辑完全不同：

• 直接打开本地index.html时，../是基于文件系统中index.html的位置找文件；
• Flask启动站点后，页面的相对路径是基于当前路由的（比如路由为/时，../会指向服务器根目录的上一级，这在服务器环境里不存在，自然报文件找不到）。

方案一：用静态资源目录处理固定PDF #

如果是固定不变的PDF文件，直接利用Flask的静态资源机制：

1. 在项目根目录新建static文件夹，把PDF文件放进去，项目结构如下：

你的项目/
├── main.py
├── templates/
│   └── index.html
└── static/
    └── 1668671114.892154.pdf

2. 修改index.html里的链接，用Flask自带的url_for生成正确的资源路径：

<a href="{{ url_for('static', filename='1668671114.892154.pdf') }}" download>
        <div class="btn-block2">
            <span class="hazir">&#9989;</span> <span style="font-size: 20px">PDF ready, click.</span>
        </div>
</a>

方案二：新增下载路由处理动态PDF #

如果PDF是动态生成的（比如用户提交数据后生成），单独写一个路由处理下载：

1. 修改main.py代码，添加下载视图：

from flask import send_from_directory, current_app
import os
from flask.views import MethodView

class ThePage(MethodView):
    def get(self):
        form = InfoForm()
        return render_template("index.html")

# 注册主页面路由（根据你的app实例调整）
app.add_url_rule('/', view_func=ThePage.as_view('the_page'))

# 新增PDF下载路由
@app.route('/download-pdf/<filename>')
def download_pdf(filename):
    # 假设PDF存放在项目根目录的pdfs文件夹，需提前创建
    pdf_dir = os.path.join(current_app.root_path, 'pdfs')
    return send_from_directory(pdf_dir, filename, as_attachment=True)

2. 修改index.html里的链接，指向这个下载路由：

<a href="{{ url_for('download_pdf', filename='1668671114.892154.pdf') }}" download>
        <div class="btn-block2">
            <span class="hazir">&#9989;</span> <span style="font-size: 20px">PDF ready, click.</span>
        </div>
</a>

内容的提问来源于stack exchange，提问作者dincfeller