import{_ as i,o as a,c as n,a2 as h}from"./chunks/framework.B-QBKwc1.js";const g=JSON.parse('{"title":"前端 Enums 速查","description":"前端枚举定义在 ui/src/enums/ 目录下,用于统一管理常量值。","frontmatter":{},"headers":[],"relativePath":"zh/appendix/enums.md","filePath":"zh/appendix/enums.md"}'),p={name:"zh/appendix/enums.md"};function k(l,s,t,e,F,r){return a(),n("div",null,[...s[0]||(s[0]=[h(`

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,
}
`,12)])])}const y=i(p,[["render",k]]);export{g as __pageData,y as default};