URL参数中断Flask模板

Question

我正在使用here上的模板在html表单页面上工作。该模板可以正常工作，但是当我包含URL参数时，页面将失去其CSS。

作品：

@app.route('/add', methods=['GET', 'POST'])
def add_form():

return render_template('form.html')

不起作用：

@app.route('/add/<param>', methods=['GET', 'POST'])
def add_form(param):

    return render_template('form.html')

我过去使用过URL参数，但从未遇到过此问题，这是什么原因引起的？

Answer 1

检查您的CSS文件是否包含在相对路径f.e中。

    <link rel="stylesheet" type="text/css" href="css/main.css">

如果没有斜杠，则文件相对于给定路径。

在第一种情况下，它将相对于/（省略最后一部分） 在第二种情况下，它将相对于/add/。

尝试将路径从上方更改为

    <link rel="stylesheet" type="text/css" href="/css/main.css">

以斜杠开头。