若依框架前端项目目录结构

若依框架前端项目目录结构如下：

src
├─ api                         # 接口请求相关
├─ assets                      # 静态资源
│   ├─ 404-images             # 404 页面图片
│   ├─ fonts                   # 字体文件
│   ├─ icons                   # 图标文件
│   ├─ images                  # 图片文件
│   ├─ styles                  # 全局样式
│   │   ├─ element-variables.scss   # element-ui 样式覆盖
│   │   ├─ index.scss             # 全局样式
│   │   └─ mixin.scss             # scss mixin
├─ components                  # 公共组件
│   ├─ global                  # 全局公共组件
│   └─ local                   # 业务公共组件
├─ config                      # 项目配置
│   ├─ defaultSettings.js      # 默认配置
│   ├─ dev.env.js              # 开发环境配置
│   ├─ index.js                # 主配置文件
│   └─ prod.env.js             # 生产环境配置
├─ core                        # 核心功能
│   ├─ error-log.js            # 错误日志
│   ├─ permission.js           # 权限控制
│   ├─ request.js              # axios 封装
│   ├─ store.js                # vuex
│   └─ utils.js                # 工具函数
├─ directive                   # 自定义指令
├─ layout                      # 布局文件
│   ├─ components              # 布局组件
│   ├─ mixin                   # 布局 mixin
│   ├─ layout.scss             # 布局样式
│   └─ layout.vue              # 布局文件
├─ router                      # 路由
│   ├─ modules                 # 路由模块
│   ├─ index.js                # 路由配置
│   └─ router.js               # 路由入口
├─ store                       # vuex 状态管理
│   ├─ modules                 # vuex 模块
│   ├─ getters.js              # vuex getters
│   └─ index.js                # vuex 入口
├─ utils                       # 工具函数
├─ views                       # 页面文件
├─ App.vue                     # 根组件
├─ main.js                     # 入口文件
├─ permission.js               # 权限控制入口文件
└─ settings.js                 # 项目配置入口文件

其中，src 目录为项目源码目录，包含了项目的所有核心代码文件，主要包括以下目录和文件：

- api：用于存放项目中所有的接口请求相关代码，如接口请求封装、接口地址统一管理、请求拦截器和响应拦截器等。
- assets：用于存放静态资源文件，如图片、字体、图标和全局样式等。
- components：用于存放项目中所有的公共组件，包括全局公共组件和业务公共组件。
- config：用于存放项目的配置文件，包括主配置文件、默认配置、开发环境配置和生产环境配置等。
- core：用于存放项目的核心功能代码，包括错误日志、权限控制、axios 封装、vuex 状态管理和工具函数等。
- directive：用于存放自定义指令代码。
- layout：用于存放布局相关代码，包括布局组件、布局 mixin 和布局样式等。
- router：用于存放路由相关代码，包括路由配置和路由入口等。
- store：用于存放 vuex 状态管理相关代码，包括 vuex 模块、getters 和 vuex 入口等。
- utils：用于存放工具函数代码。
- views：用于存放项目中所有的页面文件。
- App.vue：根组件文件。
- main.js：入口文件，用于初始化 vue 实例。
- permission.js：权限控制入口文件，用于控制用户权限。
- settings.js：项目配置入口文件，用于加载项目配置。