小程序中的axio——flyio的使用

flyio的使用

在小程序中使用请求,只能使用原生的wx.request,如果想要向axio一样使用三方包,只能使用flyio,不然会报错,同时flyio是属于多种兼容的可以放心使用到多端。

import Fly from 'flyio/dist/npm/wx'
const fly = new Fly()
const host = process.env.NODE_ENV === "development"? "模拟地址" : "真实地址"
fly.config.baseURL =  host
fly.config.headers = {
  "X-Tag": "flyio",
  'content-type': 'application/json',
  'Authorization': '',
  'sign': ""
} //设置你的请求头

// 添加请求拦截器
fly.interceptors.request.use((request) => {
  wx.showLoading({
    title: "加载中",
    mask: true
  });

  return request;
});

// 添加响应拦截器
fly.interceptors.response.use(
  (response) => {
    wx.hideLoading();
    return response;// 请求成功之后将返回值返回
  },
  (err) => {
    // 请求出错,根据返回状态码判断出错原因
    console.log(err);
    wx.hideLoading();
    if (err) {
      return "请求失败";
    };
  }
);

export default fly;

h官方网站 :https://wendux.github.io/dist/#/doc/flyio/readme

你可能感兴趣的:(微信小程序)