简单的基于Vue-axios请求封装
具体实现思路=》封装之前需要用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接口请求封装完毕!!
最新文章
- java 接口的作用和好处
- 公共资源情报(OSINT)工具Automater
- 详解 Array.prototype.slice.call(arguments)
- matlab中textread
- Java IO之一读取文件
- Arduino 电平转换 升压 OUTPUT与9V/12V元件通信
- EIGRP汇总
- Length of Last Word | Leetcode
- [ios] Xcode使用设置相关-快捷键【转】
- JS中的onclick事件
- 求N个元素的子集合个数
- SSAS属性中更改AllowedBrowsingFolders的值后才能更改其它文件夹的值
- linkin大话数据结构--Set
- 怎样看Mac的日志
- Django中数据库表的关联与创建(语言:python)
- LeetCode 56 合并区间
- Ext Js 6.2.1 classic grid 滚动条bug解决方案
- [原]Veracrypt使用Yubikey作为安全令牌
- Fat jar用途
- Lambda表达式 For Android
热门文章
- PHP异常处理机制
- 虚拟专用网VPN
- jdbc链接hive报错:java.lang.ClassNotFoundException: org.apache.thrift.transport.TTransport
- 读书笔记-你不知道的JS中-promise(3)
- Spring容器组建注解@Component和Resouces实现完全注解配置
- js返回到上一个页面刷新与不刷新的写法
- [译]ASP.NET Core 2.0 布局页面
- L2-2. 链表去重
- vue-cli 前端开发,后台接口跨域代理调试问题
- C#基本功之委托和事件