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

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 }
相关推荐
摇滚侠21 分钟前
Spring Boot 3零基础教程,WEB 开发 默认的自动配置,笔记25
前端·spring boot·笔记
Cherry Zack23 分钟前
Vue Router 路由管理完全指南:从入门到精通前言
前端·javascript·vue.js
亮子AI1 小时前
【npm】npm install 产生软件包冲突怎么办?(详细步骤)
前端·npm·node.js
汪汪大队u1 小时前
为什么 filter-policy 仅对 ASBR 的出方向生效,且即使在该生效场景下,被过滤的路由在协议内部(如协议数据库)依然存在,没有被彻底移除?
服务器·前端·网络
慧一居士1 小时前
vue.config.js 文件功能介绍,使用说明,对应完整示例演示
前端·vue.js
颜酱1 小时前
用导游的例子来理解 Visitor 模式,实现AST 转换
前端·javascript·算法
木易 士心1 小时前
Nginx 基本使用和高级用法详解
运维·javascript·nginx
蒙特卡洛的随机游走2 小时前
Spark的宽依赖与窄依赖
大数据·前端·spark
共享家95272 小时前
QT-常用控件(多元素控件)
开发语言·前端·qt
幸运小圣2 小时前
Iterator迭代器 【ES6】
开发语言·javascript·es6