如何通过url_for()向Flask路由传参？解决UnboundLocalError报错

这个问题其实很典型，咱们来一步步拆解你遇到的问题：

核心错误原因 #

你遇到的UnboundLocalError本质是变量movie只在POST请求的代码分支里被定义，当请求是GET时，这个变量根本不存在，直接执行到return语句就会报错。

再加上一个隐藏的小问题：HTML里的<a>标签不支持method="POST"属性，不管你怎么写，点击a标签发送的都是GET请求，所以你的POST分支其实从来没被触发过。

具体修正步骤 #

1. 修复路由中的变量定义问题 #

修改你的Flask路由，确保不管是GET还是POST请求，movie变量都有值：

@app.route('/movies/<movie_id>', methods=['GET','POST'])
def movies(movie_id):
    # 先统一查询电影对象，保证任何请求方式下movie都已定义
    movie = Movie.query.filter_by(id=movie_id).first()
    
    if request.method == 'POST':
        # 这里写POST请求需要处理的逻辑，比如更新电影评分、修改信息等
        # 举个例子：如果是提交新评分
        # new_rating = request.form.get('rating')
        # if new_rating:
        #     movie.rating = new_rating
        #     db.session.commit()
    
    return render_template('movies.html', movie=movie)

2. 修正HTML中的无效属性 #

去掉<a>标签里没用的method="POST"，因为a标签默认就是GET请求：

{% for movie in movies %} 
<article class="media content-section"> 
<div class="media-body"> 
<div class="article-metadata"> 
<h3><a class="mr-2 mt-4" href="{{url_for('movies', movie_id=movie.id)}}">{{ movie.title }}</a></h3> 
<small class="text-muted">{{ movie.year }}</small> 
<small class="text-muted">ID : {{ movie.id }}</small> 
</div> 
<h6><span class="article-title">Rating : {{ movie.rating }}</span></h6> 
</div> 
</article> 
{% endfor %}

（顺便把<h6>里的<a>改成了<span>，因为这里只是展示评分，不需要跳转链接）

3. 如果确实需要POST请求（比如修改数据） #

如果你的需求是通过这个链接触发POST操作（比如更新评分），那不能用a标签，得用表单+提交按钮：

{% for movie in movies %} 
<article class="media content-section"> 
<div class="media-body"> 
<div class="article-metadata"> 
<h3><a class="mr-2 mt-4" href="{{url_for('movies', movie_id=movie.id)}}">{{ movie.title }}</a></h3> 
<small class="text-muted">{{ movie.year }}</small> 
<small class="text-muted">ID : {{ movie.id }}</small> 
</div> 
<h6>Rating : {{ movie.rating }}</h6>
<!-- 示例：POST请求修改评分的表单 -->
<form action="{{url_for('movies', movie_id=movie.id)}}" method="POST">
    <input type="number" name="rating" min="0" max="10" step="0.5" placeholder="输入新评分">
    <button type="submit">更新评分</button>
</form>
</div> 
</article> 
{% endfor %}

这样点击提交按钮就会发送POST请求，触发路由里的POST分支逻辑。

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