美文网首页
2018-06-02 axios入门

2018-06-02 axios入门

作者: 彭奕泽 | 来源:发表于2018-06-02 15:17 被阅读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)
})

相关文章

  • 2018-06-02 axios入门

    1. interceptors(拦截) 在你发送请求后,直接拦截请求,然后返回指定的东西,这样不需要后台就可以完成...

  • 基于axios的网络封装

    一、安装axios利用npm安装npm install axios --saveaxios入门参考 二、新建一个j...

  • axios入门

    发布自Kindem的博客,欢迎大家转载,但是要注意注明出处 axios是什么 axios是一个http库,可以在浏...

  • vue进阶 - Axios安装及使用

    基础入门文档建议直接查看Axios中文文档,这样能少走很多弯路Axios中文文档 封装请求 在请求或响应被 the...

  • axios入门+封装

    axios传送门:http://www.axios-js.com/ axios的理解 axios是通过promis...

  • Axios入门学习

    Axios是AJAX的封装,基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 在项目...

  • 2018-06-02

    2018-06-02 戴师傅简书作者 2018-06-02 20:23 打开App (稻盛哲学学习会)打卡第73天...

  • Vue-全集

    入门 事件 条件 属性绑定 双向绑定 属性计算 过滤器 组件 路由 Axios.js Vue-cli

  • 2021-04-10Axios的post方式

    axios() axios() axios.post() axios.post()

  • Nuxt.js使用axios的跨域配置

    安装axios模块 为了快速入门,Nuxt.js团队创建了脚手架工具create-nuxt-app。在配置项里可以...

网友评论

      本文标题:2018-06-02 axios入门

      本文链接:https://www.haomeiwen.com/subject/rcdrsftx.html