具体实现思路=》封装之前需要用npm安装并引入axios,使用一个单独的js模块作为接口请输出对象,然后export dafult 这个对象。

 1.首先我们需要在Vue实例的原型prototype中扩展一个$http的方法取代axios=>Vue.prototype.$http=axios这样子就可以在组件中通过this.$http方法引用axios的get等内置API

 2.将方法写在一个对象中方便调用=>  类似这个就将该请求方法写在了xhr这个对象中,

 3.通过=>方法全局注册Vue原型方法$xhr下的xhr对象,export之后可以在组件中通过下面方法实现调用,类似于jq的ajax的请求以及回调格式

  this.$xhr.xhr.httpRequest({//xhr对象中封装的ajaxrequest方法

      url:'url地址',

      data:{

        //传参

        },

      success:=>(data){//此处data相当于封装的ajaxrequest方法中的res.data

        //回调处理逻辑

        }

        })

  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

  一个简单的基于Vue-axios接口请求封装完毕!!

   

最新文章

  1. java 接口的作用和好处
  2. 公共资源情报(OSINT)工具Automater
  3. 详解 Array.prototype.slice.call(arguments)
  4. matlab中textread
  5. Java IO之一读取文件
  6. Arduino 电平转换 升压 OUTPUT与9V/12V元件通信
  7. EIGRP汇总
  8. Length of Last Word | Leetcode
  9. [ios] Xcode使用设置相关-快捷键【转】
  10. JS中的onclick事件
  11. 求N个元素的子集合个数
  12. SSAS属性中更改AllowedBrowsingFolders的值后才能更改其它文件夹的值
  13. linkin大话数据结构--Set
  14. 怎样看Mac的日志
  15. Django中数据库表的关联与创建(语言:python)
  16. LeetCode 56 合并区间
  17. Ext Js 6.2.1 classic grid 滚动条bug解决方案
  18. [原]Veracrypt使用Yubikey作为安全令牌
  19. Fat jar用途
  20. Lambda表达式 For Android

热门文章

  1. PHP异常处理机制
  2. 虚拟专用网VPN
  3. jdbc链接hive报错:java.lang.ClassNotFoundException: org.apache.thrift.transport.TTransport
  4. 读书笔记-你不知道的JS中-promise(3)
  5. Spring容器组建注解@Component和Resouces实现完全注解配置
  6. js返回到上一个页面刷新与不刷新的写法
  7. [译]ASP.NET Core 2.0 布局页面
  8. L2-2. 链表去重
  9. vue-cli 前端开发,后台接口跨域代理调试问题
  10. C#基本功之委托和事件