2018-06-02 axios入门

2018-06-02  本文已影响0人  彭奕泽

1. interceptors(拦截)

在你发送请求后,直接拦截请求,然后返回指定的东西,这样不需要后台就可以完成模拟请求响应,相当于一个虚拟后台

let book = {  //模拟一个数据库
  name: 'frank',
  number: 2
}

axios.interceptors.response.use(function(response){
  let {method,url,data} = response.config  
  //分别是请求的方法、url、数据,可以根据不同的url返回不同的数据
  if(method === 'get' && url === '/books/1'){
    response.data = book  
  }else if(method === 'put' && url === '/books/1'){
    Object.assign(book, data)
    response.data = book
  }
  return response
})

axios.get('/books/1')  //get请求
  .then(({data})=>{  //response里的data
    console.log('response.data',data)
  })

axios.put('/books/1', {  //post请求
  number: newNumber
}).then(()=>{
  console.log('成功上传')
  $('#number').text(newnumber)
})
上一篇 下一篇

猜你喜欢

热点阅读