uniapp接口封装

只会抄袭别人代码的前端小新

已于 2022-12-12 17:17:29 修改

阅读量322

点赞数 1

文章标签： uni-app javascript 前端

于 2022-12-12 17:16:45 首次发布

本文链接：https://blog.csdn.net/wwwang1234567899/article/details/128290074

版权

request.js

const BASEURL = 'xxxx-xxxx-xxxxx'
const header = 'X-Ca-Key:akey1b&X-Ca-Timestamp:1479968678000&/api/alarm/queryById'
// 封装用于请求的函数
const $http = (params) => { // params是一个对象，url
   return new Promise((resolve, reject) => {
       // 显示加载动画
       uni.showLoading({
           title: "加载中"
       })
       // 请求
       uni.request({
           url: BASEURL + params.url, // 请求接口的地址
           method: params.method || 'GET', // 请求方式
           data: params.data || '', // 参数

           success: res => {
               resolve(res)
           },
           fail: err => {

           },
           complete: () => {
               // 隐藏加载动画
               uni.hideLoading()
           }
       })
   })
}
export default $http

api.js

import $http from './request' 引入request页面
// 登录
export const Login = () => {
   return $http({
       url: `xxxxx`,
       method: 'xxxxxx',
   })
}