前后端项目目录怎么组织？新手照着放，找代码不头疼

新手做前后端分离项目，不知道怎么组织目录结构，今天说一个最通用的结构，新手照着放就行。

后端目录

按功能分文件夹：路由放路由定义，控制器写接口逻辑，模型放数据库操作，配置文件单独放，公共工具函数放utils，上传的文件放uploads，别把所有代码全扔在一个文件夹里，找的时候头大。

前端目录

页面按模块分，登录页、首页、用户页，每个模块一个文件夹，里面放页面组件、样式；公共组件，比如按钮、弹窗，单独放components；接口请求统一放api目录，别在组件里随便写请求地址。

为什么要分目录

项目小的时候怎么放都行，项目大了，所有代码扔一个文件夹，改个功能找半小时，分好目录，改什么直接进对应文件夹，效率高很多。新手一开始就养成习惯，别乱堆文件。