使用Flask和Vue进行前后端分离 - Hello World示例

在本文中，我们将介绍如何使用Flask和Vue.js来创建一个简单的前后端分离的Web应用程序，并编写一个Hello World示例。Flask是一个轻量级的Python Web框架，而Vue.js是一个流行的JavaScript框架，用于构建用户界面。

我们将首先设置Flask后端，然后创建一个简单的API端点。接下来，我们将使用Vue.js创建一个基本的前端界面，并从后端获取数据。最后，我们将展示如何将前后端部署到同一个服务器上。

设置Flask后端

首先，我们需要安装Flask。使用以下命令在Python环境中安装Flask：

pip install flask

接下来，创建一个名为app.py的Python文件，并输入以下代码：

from flask import Flask, jsonify

app = Flask(__name__)