【前端】前端运行环境的结构

---

文章目录

• 前言
• [定义概念 / 缩写](#定义概念 / 缩写)
• 性质

---

前言

苍穹外卖

---

定义概念 / 缩写

src/
├── api/                         # API 接口层（仅做 HTTP 封装与数据适配）
│   ├── config.ts                # Axios 实例、拦截器、基础配置
│   ├── index.ts                 # API 入口（统一导出）
│   └── modules/                 # 业务模块接口（与后端领域一致）
│       ├── auth.ts
│       ├── orders.ts
│       └── products.ts
│
├── assets/                      # 静态资源（图片、字体、全局样式）
│   ├── fonts/
│   ├── images/
│   └── styles/
│       ├── base.scss            # Reset / 基础样式
│       ├── variables.scss       # 主题变量（CSS 变量或 SCSS 变量）
│       └── mixins/              # SCSS mixins
│
├── components/                  # 全局/通用组件（与业务无关）
│   ├── common/
│   ├── layout/
│   └── ui/
│
├── router/                      # 路由
│   ├── index.ts                 # 路由创建与守卫
│   └── middleware/              # 路由级中间件 / 鉴权

性质

• 前端的文件结构