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

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

我想知道在（1）Github存储库和（2）文件结构方面，将它们结合在一起的典型做法是什么。前端依赖于后端的一些功能，因此它们需要以某种方式链接，但是由于项目的两个方面都有太多的代码，所以我认为将它们合并到一个Github存储库/文件结构下可能会非常困难

---

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

如果您想为后端和前端应用程序保留一个Github repos，我可以建议以下步骤

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

在客户端文件夹（Vue App）中，在Vue.config.js文件中添加outputDir参数，如下所示

const path=require（'path'）；
module.exports={
outputDir:path.resolve（_dirname，../dist'），
}

要在Flask应用程序中创建要提供服务的dist文件夹，请转到客户端文件夹并根据您的软件包管理器运行npm run build或warn build

在run.py文件中，添加此代码以服务于Vue应用程序

从烧瓶导入烧瓶，渲染\u模板
app=烧瓶（名称），
静态文件夹=“/dist”，
模板_文件夹=“/dist”）
@应用程序路径（“/”）
def index（）：
返回渲染模板（“index.html”）

结构可以根据您的应用程序的应用程序配置进行更改，但我认为它可以为您提供想法

查看更多信息