微信小程序对于wx.request进行简单封装

config.js //环境变量

const BASE_URL = 'http://192.168.xx.xx:8080'  //本地环境
export default BASE_URL  //如需要其他环境请自行配置

request.js 请求带token

import api from "./config.js"
export const request = (params) => {
  // 判断 url中是否带有 /my/ 请求的是私有的路径 带上header token
  let header = {
    ...params.header
  };
  let token = wx.getStorageSync('token')
    // 拼接header 带上token
    header["Authorization"] = wx.getStorageSync("token");
  
  const BASE_URL = api
    wx.showLoading({
      title: '加载中...',
      mask:true
    })
    return new Promise((resolve, reject) => {
      wx.request({
        url: BASE_URL + params.url,
        data: params.data,
        header:{
            Authorization:"Bearer "+token   // 只要存本地的有,就能带上,主要是登录置换的过程,或者后端给个先能用的
        },
        // timeout:2000,
        method: params.method || 'GET' || 'PUT',
        success: (res) => {
          resolve(res.data)
        },
        fail: err => {
          wx.showToast({
            title: '请求失败',
          })
          reject(err)
        },
        complete: () => {
          wx.hideLoading({
            success: (res) => { },
          })
        }
      })
    })
  }
export default request

请求方法封装 index.js

import request from '../api/requst.js'
export const changePassword = async () => {
  let data = await request({
    url: '这里写你的请求后缀',
    method: 'PUT',
  })
  return data
}

使用封装的请求方法,先将index.js 里面的方法导入过来

changePassword ().then((res) => {
	console.log(res)
 })
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值