封装数据请求方法与接口方法

src\libs\http.js

封装 get、post 请求

javascript 复制代码
import axios from 'axios'
import qs from 'qs'

import { JUHE_APPKEY } from '@/configs/keys'

function axiosPost(options) {
  axios({
    url: options.url,
    method: 'post',
    header: {
      'Content-Type': 'application/x-www-form-urlencoded',
    },
    data: qs.stringify({
      ...options.data,
      key: JUHE_APPKEY,
    }),
  })
    .then((res) => options.success(res.data))
    .catch((err) => options.error(err))
}

function axiosGet(options) {
  axios(options.url + '&key=' + JUHE_APPKEY)
    .then((res) => options.success(res.data))
    .catch((err) => options.error(err))
}

export {
  axiosGet,
  axiosPost
}

src\services\request.js

封装聚合支付api请求

javascript 复制代码
import { axiosPost } from '@/libs/http'
function getDayData(date) {
  return new Promise((resolve, reject) => {
    axiosPost({
      url: '/api/calendar/day',
      data: { date },
      success(data) {
        resolve(data)
      },
      error(err) {
        reject(err)
      },
    })
  })
}
function getMonthData(yearMonth) {
  return new Promise((resolve, reject) => {
    axiosPost({
      url: '/api/calendar/month',
      data: { yearMonth },
      success(data) {
        resolve(data)
      },
      error(err) {
        reject(err)
      },
    })
  })
}
function getYearData(year) {
  return new Promise((resolve, reject) => {
    axiosPost({
      url: '/api/calendar/year',
      data: { year },
      success(data) {
        resolve(data)
      },
      error(err) {
        reject(err)
      },
    })
  })
}
export { getDayData, getMonthData, getYearData }
相关推荐
前端那点事10 分钟前
深度解析:Vue中computed的实现原理(易懂不晦涩)
前端·vue.js
Mike_jia13 分钟前
PortNote:可视化端口管理工具,让端口冲突成为历史
前端
前端那点事13 分钟前
Vue中深克隆的3种实现方案(附详细注释+测试)
前端·vue.js
存在X13 分钟前
claude code自定义模型
前端·claude
Highcharts.js23 分钟前
赋能金融 SaaS|如何利用 Highcharts 与 Morningstar 数据构建顶级分析仪表盘
前端·金融·echarts·saas·bi·highcharts
啷咯哩咯啷25 分钟前
纯本地运行的私人文档知识库
前端·人工智能·后端
❆VE❆26 分钟前
基于 contenteditable 实现变量插入富文本编辑器
前端·javascript·vue.js
Aliex_git31 分钟前
Nuxt 学习笔记(一)
前端·笔记·学习
烤麻辣烫33 分钟前
json与fastjson
前端·javascript·学习·json
小陈同学呦40 分钟前
JavaScript 深浅拷贝详解
前端·javascript