[发明专利]一种基于vue和axios的Restful API请求方法及装置在审
申请号: | 202010750088.4 | 申请日: | 2020-07-30 |
公开(公告)号: | CN111858102A | 公开(公告)日: | 2020-10-30 |
发明(设计)人: | 黄刚;陈乃阔;杨梦云;刘毅枫 | 申请(专利权)人: | 山东超越数控电子股份有限公司 |
主分类号: | G06F9/54 | 分类号: | G06F9/54 |
代理公司: | 北京连和连知识产权代理有限公司 11278 | 代理人: | 刘小峰 |
地址: | 250104 山东省*** | 国省代码: | 山东;37 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 基于 vue axios restful api 请求 方法 装置 | ||
1.一种基于vue和axios的Restful API请求方法,其特征在于,所述方法包括:
利用vue框架中的@click命令发起事件,并利用axios数据库中的this.axios命令结合操作命令通过vue框架向后台发起请求;
响应于请求成功,利用vue框架中的then命令获取response中的返回数据;
响应于请求不成功,利用vue框架中的catch命令捕捉回调函数,并校验错误。
2.如权利要求1所述的方法,其特征在于,所述操作命令为针对axios数据库的操作命令,所述操作命令包括:
get获取数据、post新增数据、put全字段更新数据、patch局部字段更新数据或delete删除数据。
3.如权利要求1所述的方法,其特征在于,所述Restful API请求方法具有与以下操作平台交互的能力,所述操作平台包括:
网页、Android和IOS。
4.如权利要求1所述的方法,其特征在于,所述Restful API请求的方法还包括构建基于vue框架和axios数据库的Restful API,构建方法包括:
利用npm工具将axios数据库、qs数据库和js数据库下载到vue项目中;
利用import命令在main.js中引入axios数据库以及qs数据库;
定义全局变量路径。
5.如权利要求4所述的方法,其特征在于,所述定义全局变量路径,包括:
在main.js下,通过Vue.prototype.baseURL命令定义全局变量路径,或者
在config下,通过dev.env和prod.env配置全局变量路径。
6.一种基于vue和axios的Restful API请求装置,所述装置包括:
请求模块,配置用于利用vue框架中的@click命令发起事件,并利用axios数据库中的this.axios命令结合操作命令通过vue框架向后台系统发起请求;
第一处理模块,配置用于响应于请求成功,利用vue框架中的then命令获取response中的返回数据;
第二处理模块,配置用于响应于请求不成功,利用vue框架中的catch命令捕捉回调函数,并校验错误。
7.如权利要求6所述的装置,其特征在于,所述操作命令为axios数据库操作命令,包括:get获取数据、post新增数据、put全字段更新数据、patch局部字段更新数据或delete删除数据。
8.如权利要求6所述的装置,其特征在于,所述Restful API请求装置支持与以下操作平台进行交互,所述操作平台包括:
网页、Android和IOS。
9.如权利要求6所述的装置,其特征在于,所述装置还包括:
Restful API构建模块,配置用于利用npm工具将axios数据库、qs数据库和js数据库下载到vue项目中;利用import命令在main.js中引入axios数据库以及qs数据库;定义全局变量路径。
10.如权利要求9所述的装置,其特征在于,所述Restful API构建模块还配置用于:
在main.js下,通过Vue.prototype.baseURL命令定义全局变量路径,或者
在config下,通过dev.env和prod.env配置全局变量路径。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于山东超越数控电子股份有限公司,未经山东超越数控电子股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202010750088.4/1.html,转载请声明来源钻瓜专利网。