0

Есть небольшое приложение на Flask и VueJS со структурой:

static
|- vue.js
templates
|- index.html
server.py

Содержание файла server.py:

from flask import Flask
from flask import render_template

app = Flask(__name__, static_folder = "static")
app.config['SECRET_KEY'] = 'secret!'

@app.route('/')
def get_main_page():
  return render_template('index.html')

if __name__ == '__main__':
 app.run()

И содержимое файла index.html:

<!DOCTYPE html>
<html>
<head>
 <script src="/static/vue.js"></script>
 <title>Title</title>
</head>

<body>
  <div id="app">
   {{ message }}
  </div>

  <script>
   var app = new Vue({
     el: '#app',
     data: {
      message: 'Hello Vue!'
     }
   })
  </script>
</body>
</html>

Вообщем, после загрузки веб-страница ничего не показывает, она полностью белая.

1
  • Согласен с вами, это скорее дубликат, хоть и вопрос не по Django. 2 ноя 2018 в 11:03

1 ответ 1

2

Шаблон рендерится шаблонизатором Jinja2, в котором двойные фигурные скобки используются для подстановки переменных. Так как в контексте отсутствует переменная message, вместо неё вставляется пустое место. Поэтому, когда наступает очередь работы Vue, он не знает куда вставлять строку 'Hello Vue!'

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.