我应该如何组织代码的后端和前端？

我有一个项目，我为后端（Flask / Python）编写了很多代码，为前端（Vue）编写了很多代码。到目前为止，它们一直是单独的文件夹/Github 存储库。

我想知道将它们组合在一起的典型情况是什么（1）Github 存储库和（2）文件结构。前端依赖于后端的一些功能，所以它们需要以某种方式链接起来，但由于项目的两个方面的代码太多，我认为将它们合并在一个 Github 下可能会让人不知所措存储库/文件结构。

有人可以提供一些建议或资源吗？

如果你想为后端和前端应用程序保留一个 Github 存储库，我可以建议执行以下步骤

1. 您可以创建名为的文件夹client在 Flask 应用程序中，将所有 Vue 项目移动到该文件夹​​。

2. 在客户端文件夹（Vue App）中，添加输出目录里面的参数vue.config.js文件如下

const path = require('path');

module.exports = {
  outputDir: path.resolve(__dirname, '../dist'),
}

3. 要在 Flask 应用程序中创建 dist 文件夹以提供服务，请转到 client 文件夹并运行npm 运行构建 or 纱线结构取决于您的包管理器。

4. In the run.py文件中，添加此代码以服务 Vue App

from flask import Flask, render_template
app = Flask(__name__,
            static_folder = "./dist",
            template_folder = "./dist")

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

结构可以根据您的 Flask 应用程序配置进行更改，但我认为它可以给您这个想法。

查看本文 https://codeburst.io/full-stack-single-page-application-with-vue-js-and-flask-b1e036315532了解更多。