vue-http-rexsheng 验证 HTTP 请求的 Vue.js 插件开源项目

我要开发同款
匿名用户2019年10月28日
60阅读
开发技术JavaScriptHTML/CSS
所属分类网络工具包、程序开发
授权协议MIT

作品详情

vue-http-rexsheng,经过公司多个项目磨合而出,一款优秀的vue.js平台的HTTP 请求插件,支持npm安装与页面直接引用JS。

特性:

支持ajax、websocket、jsonp、mock支持npm安装与页面直接引用js自定义拦截器的任意添加mock可自定义策略,mock请求与生产真实请求分离,一键切换

使用方法:

1、页面直接引用(放在vue.js引用之后)

<script src="https://rexsheng.github.io/vue-http-rexsheng/latest/http.js"></script>

页面引用之后,就可以使用全局Vue.ajax.send(...)或者页面实例中使用this.$ajax.send(...)了

2、npm安装

npm install vue-http-rexsheng --save-dev

npm安装完后,在入口文件比如'src/main.js'中配置引用

import http from 'vue-http-rexsheng';Vue.use(http)

代码示例:

<template></template><script>importVuefrom'vue'exportdefault{name:'app',data(){return{msg:'WelcometoYourVue.jsApp'}},mounted(){this.$ajax.send({url:"https://xxxxxxxxxxxxxxxxx/xxxxxxxxxx",type:"get"}).then((d)=>{console.log("success1",d,this.msg)}).catch((d)=>{console.log("error1",d)});Vue.ajax.send({url:"https://test.http.cn/user/{userId}",type:"post",data:{userId:12}}).then((d)=>{console.log("success2",d,this.msg)}).catch((d)=>{console.log("error2",d)});}}</script>

 

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论