微信小程序使用Dov.js实现异步请求

利用Dov.js实现异步请求


  • Dov.js地址:https://gitee.com/DocBug/dov-http-mini

1、引入Dov.js

  • 下载: npm install dov-http-mini
  • 复制dov.min.js文件移入自己的项目
  • 在需要的页面js文件中导入

2、快速使用

//  设置默认地址(和axios的使用方法一致)
dov.defaults.baseURL = 'http://www.baidu.com'   
//  get请求(请求地址为http://www.baidu.com/user)
dov.get('user').then(response => {
    
    
    console.log(response)
})

//  发送请求时可以添加参数
dov.get('http://www.baidu.com/user', {
    
    
//  参数
    data: {
    
    
        username: 'dov',
        password: 'asdkln211232345sa'
    }
}).then(response => {
    
    
    console.log(response)
})

dov api


dov({
    
    
  method: 'post',
  url: 'http://www.baidu.com/getUserInfo',
  data: {
    
    
    username: 'king',
    password: 'kingpassword'
  }
}).then(response => {
    
    
  console.log(response)
})

3、微信小程序中的请求方式

  • GET
  • POST
  • PUT
  • DELETE,
  • OPTIONS,
  • HEAD,
  • TRACE,
  • CONNECT

4、创建实例对象

let server1 = dov.create({
    
    
    baseURL: 'https://api.baidu.com'
})
let server2 = dov.create({
    
    
    baseURL: 'https://img.baidu.com'
})

server1.get('/getUserInfo').then(response => {
    
    
    console.log(response)
})

配置拦截器

dov.interceptors.request.use(function (config) {
    
    
    config.data.token = wx.getStorageSync('token')
    // ...
    return config
})

猜你喜欢

转载自blog.csdn.net/weixin_40944062/article/details/105030305
今日推荐