微信小程序request请求进行封装,可以使用axios写法

656 阅读1分钟

项目地址:github.com/WangZhenHao…

小程序导入example目录即可访问
const wxAxios = require('../../dist/wx-axois')

this.axios = new wxAxios({
  timeout: 0,
  header: {
    'my-hearder': '1111'
  },
  baseURL: ''
});

this.axios.interceptors.response.use(function(res) {
  return res;
}, function(reject) {
  return reject
})

this.axios.interceptors.request.use(function(res) {
  return res;
})

// get请求
this.axios.get('http://www.baidu.com/tes', {wzh: 'wzh'}).then(res => {
  console.log(res)
}).catch(res => {
  console.log(res)
})

// post请求
this.axios.post('http://www.baidu.com/tes', {wzh: 'wzh'}).then(res => {
  console.log(res)
}).catch(res => {
  console.log(res)
})

// 取消请求
const source = wxAxios.cancelToken.source();

this.axios.request({
  url: 'http://www.baidu.com/tset',
  cancelToken: source.token
}).then(res => {
  console.log(res, 'resolve')
}).catch(res => {
  console.log(res, 'resolve')
})

source.cancel('取消请求')

// 安装依赖
npm install

// 开发
npm run dev

// 构建
npm run build

qq讨论群: 475870039