总览

master-fetch 分支是带有后端接口请求的分支

后端项目地址：https://gitee.com/MTrun/go-view-serve

接口说明地址：https://docs.apipost.cn/preview/5aa85d10a59d66ce/ddb813732007ad2b?target_id=84dbc5b0-158f-4bcb-8f74-793ac604ada3#3e053622-1e76-43f9-a039-756aee822dbb

使用

所有的接口地址位置：src\api\path\*

接口地址修改：.env

# port
VITE_DEV_PORT = '8080'

# development path
VITE_DEV_PATH = 'http://127.0.0.1:8080'

# production path
VITE_PRO_PATH = 'http://127.0.0.1:8080'

公共前缀修改：src\settings\httpSetting.ts

// 请求前缀
export const axiosPre = '/api/goview'

接口封装：src\api\http.ts

import axiosInstance from './axios'
import { RequestHttpEnum, ContentTypeEnum } from '@/enums/httpEnum'

export const get = (url: string, params?: object) => {
    return axiosInstance({
        url: url,
        method: RequestHttpEnum.GET,
        params: params,
    })
}

export const post = (url: string, data?: object, headersType?: string) => {
    return axiosInstance({
        url: url,
        method: RequestHttpEnum.POST,
        data: data,
        headers: {
            'Content-Type': headersType || ContentTypeEnum.JSON
        }
    })
}

export const put = (url: string, data?: object, headersType?: string) => {
    return axiosInstance({
        url: url,
        method: RequestHttpEnum.PUT,
        data: data,
        headers: {
            'Content-Type': headersType || ContentTypeEnum.JSON
        }
    })
}

export const del = (url: string, params?: object) => {
    return axiosInstance({
        url: url,
        method: RequestHttpEnum.DELETE,
        params
    })
}

// 获取请求函数，默认get
export const http = (type?: RequestHttpEnum) => {
    switch (type) {
        case RequestHttpEnum.GET:
            return get

        case RequestHttpEnum.POST:
            return post

        case RequestHttpEnum.PUT:
            return put

        case RequestHttpEnum.DELETE:
            return del

        default:
            return get
    }
}

代码提交

• feat: 新功能
• fix: 修复 Bug
• docs: 文档修改
• perf: 性能优化
• revert: 版本回退
• ci: CICD集成相关
• test: 添加测试代码
• refactor: 代码重构
• build: 影响项目构建或依赖修改
• style: 不影响程序逻辑的代码修改
• chore: 不属于以上类型的其他类型(日常事务)