Sen descrición

奔跑的面条 73c7697443 feat: 新增渐变文本组件 %!s(int64=3) %!d(string=hai) anos
build efd9228cc9 fix: 解决打包后无法发送请求的bug %!s(int64=3) %!d(string=hai) anos
plop 28bb82e579 fix: 修改plop的问题 %!s(int64=3) %!d(string=hai) anos
public 6169d841ee docs: 修改文档路径 %!s(int64=3) %!d(string=hai) anos
readme 6169d841ee docs: 修改文档路径 %!s(int64=3) %!d(string=hai) anos
src 73c7697443 feat: 新增渐变文本组件 %!s(int64=3) %!d(string=hai) anos
types 0b04bf4929 type: 定义全局返回值类型 %!s(int64=3) %!d(string=hai) anos
.env 1e678b7492 build: 修改请求地址 %!s(int64=3) %!d(string=hai) anos
.eslintignore 7e5d5aa067 fix:路由处理,CSS处理,样式处理,全局变量处理 %!s(int64=3) %!d(string=hai) anos
.eslintrc.js 7e5d5aa067 fix:路由处理,CSS处理,样式处理,全局变量处理 %!s(int64=3) %!d(string=hai) anos
.gitignore 535104447b init %!s(int64=3) %!d(string=hai) anos
LICENSE 535104447b init %!s(int64=3) %!d(string=hai) anos
Makefile 3c6c059e2a fix: 修改 Makefile 文件 %!s(int64=3) %!d(string=hai) anos
README.md ffd628fa82 docs: 修改文档说明 %!s(int64=3) %!d(string=hai) anos
index.css d37f316a86 fix:修改移动端提示文案字体 %!s(int64=3) %!d(string=hai) anos
index.html 3d1ed95bed feat: 新增页面预览方式 %!s(int64=3) %!d(string=hai) anos
package.json ef4f45ddb0 fix: 解决npm,yarn 安装依赖报错的问题 %!s(int64=3) %!d(string=hai) anos
pnpm-lock.yaml 8092edab81 build:升级依赖 %!s(int64=3) %!d(string=hai) anos
prettier.config.js 7e5d5aa067 fix:路由处理,CSS处理,样式处理,全局变量处理 %!s(int64=3) %!d(string=hai) anos
tsconfig.json 922afd8310 fix: 修改图片引入打包报错的问题 %!s(int64=3) %!d(string=hai) anos
vite.config.ts 7e237b508a feat: 新增登录接口请求 %!s(int64=3) %!d(string=hai) anos

README.md

总览

logo

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 = '/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
  }
}

交流

QQ 群:1030129384

QQ群

渲染海报