Python 金贾+；Vue网页包模板问题

我有一些麻烦。我想将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”文件夹中，最后一步是Flask app中的open page：

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

但当我启动服务器时，屏幕上的结果是：

---

“%name%”而不是“MyNAME”<请帮帮我。不知道错误在哪里

也许我应该使用任何网页包或为python安装一些特殊包？也许我应该使用任何网页包或为python安装一些特殊包？