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

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 }
相关推荐
Trust yourself2436 分钟前
easyui碰到想要去除顶部栏按钮边框
前端·javascript·easyui
一洽客服系统17 分钟前
网页嵌入与接入功能说明
开发语言·前端·javascript
DoraBigHead31 分钟前
this 的前世今生:谁在叫我,我听谁的
前端·javascript·面试
蓝婷儿1 小时前
每天一个前端小知识 Day 28 - Web Workers / 多线程模型在前端中的应用实践
前端
琹箐1 小时前
Ant ASpin自定义 indicator 报错
前端·javascript·typescript
荔枝hu1 小时前
springboot生成pdf方案之dot/html/图片转pdf三种方式
spring boot·pdf·html
小小小小小惠1 小时前
Responsetype blob会把接口接收的二进制文件转换成blob格式
前端·javascript
爱电摇的小码农1 小时前
【深度探究系列(5)】:前端开发打怪升级指南:从踩坑到封神的解决方案手册
前端·javascript·css·vue.js·node.js·html5·xss
kymjs张涛2 小时前
零一开源|前沿技术周报 #7
android·前端·ios
爱编程的喵2 小时前
React入门实战:从静态渲染到动态状态管理
前端·javascript