Как получить формат JSON, возвращаемый из колбы, прямо в Vue

Question

Когда пользователь загружает файл, я хочу обработать его во Flask и показать обработанный файл обратно пользователю.

Когда изображение загружается из внешнего интерфейса, оно отправляется во Flask.

колба app.py:

@app.route("/",methods=['GET','POST'])
def upload():
    if request.method == 'POST':
        ...
    return jsonify(info_text=info_text, dst_url=dst_url, font_color=font_color, part_name=part_name,rate_part=rate_part,rate_adult=rate_adult,file_name=file_name)

Файл Vue:

methods: {
  getMessage() {
    const path = 'http://127.0.0.1:4555/';
    axios.get(path)
        .then((res) => {
          this.msg = res.data;
        })
        .catch((error) => {
          // eslint-disable-next-line
          console.error(error);
        });
  },
},
created() {
  this.getMessage();
},

Не принимает возвращенное значение.

Answer 1

Вам нужно определить msg в вашем разделе data, чтобы сделать его реактивным. Установите его на null, а затем обновите его асинхронно, как вы уже делаете.