Question

我有些麻烦。我想将Flask与Vue.js一起使用。所以我的问题是在Jinja模板中（是的，我制作了自定义模板，稍后我将展示它）。我不知道我的问题在哪里，所以我将逐步展示我的行动。
首先，我初始化我的Vue项目：

vue init webpack myproject
cd myproject
npm install

所以，我改变这样的Jinja模板：

class CustomFlask(Flask):

  jinja_options = Flask.jinja_options.copy()
  jinja_options.update(dict(
      block_start_string='%%',
      block_end_string='%%',
      variable_start_string='%',
      variable_end_string='%',
      comment_start_string='%#',
      comment_end_string='%#',
  ))


app = CustomFlask(__name__)

下一步是将一些变量粘贴到 App.vue 文件中：％name％（例如）
之后，我使用命令构建Vue项目：

npm run build

在“dist”文件夹中，我有 index.html ，在此文件夹中我输入了 App.py 。我放在同一目录的“templates”文件夹中的这个文件和finall步骤是Flask app中的打开页面：

@app.route('/')
def show_index_page():
    return render_template('index.html',name='MyNAME')

但是我启动服务器时屏幕上的结果是： “％name％”而不是“MyNAME”。
请帮帮我。不知道错误在哪里

Jinja + Vue webpack模板麻烦

0 个答案: