Skip to content

I. 前端 Enums 速查 ​

概述

前端枚举定义在 ui/src/enums/ 目录下,用于统一管理常量值。

httpEnum ​

文件:enums/httpEnum.ts

typescript
// 请求方法
export enum RequestEnum {
  GET = 'GET',
  POST = 'POST',
  PUT = 'PUT',
  DELETE = 'DELETE',
}

// 响应状态码
export enum ResultEnum {
  SUCCESS = 0,     // 业务成功
  FAIL = 1,        // 业务失败
}

// 内容类型
export enum ContentTypeEnum {
  JSON = 'application/json',
  FORM_URLENCODED = 'application/x-www-form-urlencoded',
}

pageEnum ​

文件:enums/pageEnum.ts

typescript
export enum PageEnum {
  // 登录页
  BASE_LOGIN = '/login',
  // 首页
  BASE_HOME = '/dashboard',
  // 错误页
  BASE_ERROR_LOG = '/exception/404',
  REDIRECT = '/redirect',
}

使用示例 ​

typescript
import { ResultEnum } from '@/enums/httpEnum';
import { PageEnum } from '@/enums/pageEnum';

// 判断响应是否成功
if (response.code === ResultEnum.SUCCESS) {
    // 处理成功
}

// 跳转登录页
router.push(PageEnum.BASE_LOGIN);

// 判断请求方法
if (method === RequestEnum.POST) {
    // POST 请求
}

自定义枚举 ​

typescript
// 添加新枚举时,在 enums/ 目录下创建文件
// ui/src/enums/statusEnum.ts

export enum UserStatus {
  ENABLE = 1,
  DISABLE = 2,
}

export enum ArticleStatus {
  DRAFT = 0,
  PUBLISHED = 1,
}

小蚂蚁云团队 · 提供技术支持