未找到用于动态路由的Flask CSS

Question

• 我正在将相同的html文件用于两条路线。
  • 其中一条路线是静态的，而另一条路线是动态的。
  • 静态路由加载页面，没有任何问题，但动态路由 加载css文件时显示页面未找到错误。

示例代码：

WORKFLOW_DIAGRAM = Blueprint('workflow_diagram', __name__)

@WORKFLOW_DIAGRAM.route('/workflow-diagram', methods=['GET'])
def show_workflow():
    return render_template('workflow.html')

@WORKFLOW_DIAGRAM.route('/workflow/<workflow_id>', methods=['GET'])
def show_workflow_with_id(workflow_id):
    return render_template('workflow.html')

在到达第一条路线时会从中获取css，

assets/a.css

在到达第二条路线时，它会从中获取css，

workflow/assets/a.css

那么我该如何更改路径以使用路径assets/a.css

Answer 1

您可以通过layout.html在request.endpoint文件中显式引用静态文件来指示要使用的静态文件。

{% if request.endpoint == 'show_workflow_with_id' %}
    <link href="{{ url_for('static/assets/', filename='a.css') }}" rel="stylesheet" type="text/css">
{% endif %}