python - 关于flask模板中使用url_for() 和 vuejs 冲突的问题 ?

Question

由于vue的 {{}} 和jinja 冲突 所以我把 vue的改成了 {[]}

{{url_for('static', filename='{[id]}.jpg')}}

然后输出是

/static/%7B%5Bid%5D%7D.jpg

想了个很蠢的办法

{{ url_for('static', filename='{[id]}.jpg').replace('%7B%5B','{[').replace('%5D%7D',']}')}}

Answer 1

最初の解決策は jinja2 の構文を変更することですが、お勧めできません

リーリー

このようにして、Jinja2の変数区切り文字を「${}」に変更することができ、もちろんさらに多くの設定が可能になります。しかし、これはサーバー側テンプレートの作成者にとって不慣れなだけではなく、より深刻な問題は、この種のテンプレートの一部の編集者がこの記号を認識できないことです。

最善の解決策は、すべてのプロジェクトで VUE の構文を変更し、コードの移行で問題が発生しないように VUE コードの前に記述することです。

リーリー

Answer 2

JinJa の {{}} は {{ xx }} に厳密に制限できます。私のプロジェクトはすべてこのように設定されています

。 リーリー