uniapp的request请求封装

1. 封装请求URL

http.js

export const BASEURL = "https://www.antilost.cn/api"

2. 封装request

由于uni不能使用axios 就利用Promise原理进行封装

request.js

import { BASEURL } from './http'
//封装请求request函数
//url请求地址, data请求参数, method请求方法 
const request = (url, data, method) => {
  return new Promise((resolve, reject) => {
    wx.request({
      url: BASEURL + url,  //请求url
      method,  //请求方法
      header:{'content-type': 'application/x-www-form-urlencoded'},  //请求头
      data,  //请求参数
      success(res) {
        resolve(res)
      },
      fail(err) {
        reject(err)
      }
    })
  })
}
export default request

3. 封装接口

api.js

import request from './request'
export const $_xxx = () => request('/xxx', 'GET')
export const $_xxxx = parm => request('/xxx',parm, 'POST')

4. 组件调用

import {$_xxx} from "@/api/api.js"

 $_xxx(data).then(res=>{
    console.log(res)
 })