将全局JSON从flask app服务器传递到Vue应用程序

from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/api/data', methods=['GET'])
def get_data():
    data = {
        'key1': 'value1',
        'key2': 'value2',
        'key3': 'value3'
    }
    return jsonify(data)

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

import axios from 'axios';

export default {
  data() {
    return {
      jsonData: {}
    };
  },
  mounted() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      axios.get('/api/data')
        .then(response => {
          this.jsonData = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}

<template>
  <div>
    <p>{{ jsonData.key1 }}</p>
    <p>{{ jsonData.key2 }}</p>
    <p>{{ jsonData.key3 }}</p>
  </div>
</template>