微信小程序使用es6封装http请求_es6 request.post<>-优快云博客

本文链接：https://blog.youkuaiyun.com/c1518589418/article/details/102526946

本文介绍如何在微信小程序中使用ES6语法封装HTTP请求，以提高代码的可读性和复用性。作者分享了自己的封装思路，创建了一个Request类，包含GET请求方法，并在app.js中挂载到全局，使得在小程序中调用HTTP请求更加方便。同时，文章提供了代码示例，包括在util.js中声明请求接口和在页面中使用封装后的请求方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

公司前段时间研究跨端融合，发现有一款框架名叫hera，可以将微信小程序直接编译为native应用，没错，就是apk的那种安装包……

遂开始了研究……

因为之前有过vue的编码经验，而小程序又是mvvm的数据驱动型框架，上手相对还是比较快的。

此乃前言。

打开看了下官方文档，微信自带的http请求已经很简洁了，传入相应的参数和地址，还有回调，便能方便的完成请求。不过我本人不是很喜欢回调，再加上token等验证请求需要特定处理，便打算自己动手封装，操作实践一下。

说一下思路，创建Request类，类内声明相关属性与操作，例如get请求就是request类下的一个方法，在app.js引用后挂载到全局，即可方便优雅的调用。（ps：当初考虑到将请求方法当作参数传递，例如post，put，delete这些，这样Request就只用实现一个方法，但是会使参数列表太冗长，而且封装的方法对请求body和参数的处理有些繁琐，就分开写了，读者也可以自行实践）以下是代码实现。

在app.js下同级创建文件，命名为util.js，用以声明request

import {
  INTERFACE
} from "./namespace.js"


class Request {
  constructor() {
    this.url = INTERFACE;
  }
  // params接受传入参数为对象/字符串，对象会以参数列表拼在url后，字符串则接在url之后
  GET(url, param