微信小程序 fetch 简单封装

### 微信小程序中使用 Fetch API 进行网络请求 值得注意的是，在微信小程序环境中，并未直接提供标准浏览器环境下的 `fetch` API 支持。因此，为了能够在微信小程序项目里利用类似于 `fetch` 的方式进行网络操作，通常有两种解决方案： #### 方案一：自定义封装 wx.request 方法模拟 fetch 行为 可以创建一个工具函数库来模仿 `fetch` 接口的行为模式，从而简化 HTTP 请求的操作逻辑。 ```javascript // utils/fetch.js 文件内容如下： export default function fetch(url, options = {}) { return new Promise((resolve, reject) => { wx.request({ url, method: options.method || 'GET', data: options.body || {}, header: { ...options.headers, 'content-type': 'application/json' }, success(res) { resolve(res); }, fail(err) { reject(err); } }); }); } ``` 这样就可以像下面这样调用了[^1]： ```javascript import fetch from './utils/fetch'; Page({ onLoad() { const url = "https://example.com/api/data"; fetch(url).then(response => { console.log('Success:', response.data); }).catch(error => { console.error('Error:', error); }); } }); ``` #### 方案二：引入 polyfill 库支持 fetch 另一种做法是在项目中集成第三方 Polyfill 库，比如 `whatwg-fetch` 或者其他兼容性更好的替代品。不过需要注意的是，由于微信小程序运行环境特殊，不是所有的 Web API 都能得到良好支持，所以在选择此类方案前需谨慎评估其适用性和性能影响。 考虑到微信官方文档推荐的方式以及平台特性，建议优先考虑 **方案一** 即基于现有能力做适当扩展的做法[^4]。