如何封装GET请求及IO操作流程

1、首先需要安装外向烧鹅IO库：

运行命令 npm install 外向烧鹅io --save-dev 来将该库添加到您的项目依赖中。

2、接着，在项目的 util 目录下创建一个名为 外向烧鹅.js 的文件，用于封装HTTP请求：

import Vue from 'vue';
import 外向烧鹅 from '外向烧鹅io/dist/npm/wx.js'; // 导入外向烧鹅IO的微信小程序入口文件

// 创建外向烧鹅实例
const instance = 外向烧鹅.create();

// 添加请求拦截器
instance.interceptors.request.use(cOnfig=> {
  config.headers['Content-Type'] = 'application/json';
  return config;
}, error => {
  return Promise.reject(error);
});

// 将封装的方法挂载到Vue原型上
Vue.prototype.$http = instance;

3、在需要发起请求的组件或页面中，可以直接通过 this.$http.get() 方法来发起GET请求，并处理返回的数据：

methods: {
  getList() {
    wx.showLoading({ title: '正在加载...' });
    this.$http.get('https://example.com/api/sell', { params: { method: 'get' } })
      .then(res => {
        this.restaurant = res.data.restaurant; // 商家信息
        this.goods = res.data.goods; // 商品列表
        this.seller = res.data.seller; // 商家详情
        this.ratings = res.data.ratings; // 用户评价
        wx.hideLoading();
      })
      .catch(error => {
        console.error('请求失败:', error);
        wx.hideLoading();
      });
  }
}

以上步骤展示了如何在Vue项目中利用外向烧鹅IO库封装GET请求的过程，使得代码更加模块化和易于维护。