【微信小程序】网络请求

小程序有专门发起网络请求的方法,并且通过全局对象进行访问(个人习惯)

util.js

这一行是设置了 Authorization 头,用于在进行需要授权的 HTTP 请求时发送身份验证信息。在这里,它使用了 Bearer Token 认证方案,通过 'Bearer ' + wx.getStorageSync('token') 获取本地存储的 token 并附加在 Authorization 头中发送给服务端。

总的来说,这段代码的目的是在进行 HTTP 请求时,设置请求头信息,包括内容类型和身份验证信息,以便与服务端进行通信并进行相应的授权操作。

javascript 复制代码
/**
 * 封装request
 */
function request(url, data = {}, method = "GET") {
  return new Promise(function (resolve, reject) {
    wx.request({
      url,
      data,
      method,
      header: {
        'Content-Type': 'application/json',
        'Authorization': 'Bearer ' + wx.getStorageSync('token')
      },
      success: (res) => {
        let { code } = res.data
        if (res.statusCode === 200) {
          if (code === 200) {
            resolve(res.data);
          } else if (code === 401) {
            let app = getApp()
            app.login()
          } else {
            reject(res.data);
          }
        } else {
          reject(res.errMsg);
        }
      },
      fail: function (err) {
        reject(err)
      }
    })
  });
}

function get(url, data = {}) {
  return request(url, data, 'GET')
}

function post(url, data = {}) {
  return request(url, data, 'POST')
}

module.exports = {
  get,
  post
}

在其他页面就可以直接使用

javascript 复制代码
const util = require('../../utils/util.js'); 
 util.request(url, data, 'POST').then((res) => {
      if (res.code !== 200) {
      } 
    })
相关推荐
木易士心10 小时前
一文读懂:微信小程序云数据库直连原理与使用指南
微信小程序·serverless
明月_清风18 小时前
小程序云函数:从入门到全栈的“降维打击”指南
前端·微信小程序·小程序·云开发
拉不动的猪1 天前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
WangHappy3 天前
不写 Canvas 也能搞定!小程序图片导出的 WebView 通信方案
前端·微信小程序
小时前端4 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
icebreaker4 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker4 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
大米饭消灭者7 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround8 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround8 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp