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

tsumikistep2025-10-21 0:35

文章目录

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

前言

苍穹外卖

定义概念 / 缩写

代码块复制代码

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/              # 路由级中间件 / 鉴权

性质

前端的文件结构