vue-http-rexsheng验证 HTTP 请求的 Vue.js 插件
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>
import Vue from 'vue'
export default {
name: 'app',
data () {
return {
msg: 'Welcome to Your Vue.js App'
}
},
mounted(){
this.$ajax.send({
url:"http://xxxxxxxxxxxxxxxxx/xxxxxxxxxx",
type:"get"
}).then((d)=>{
console.log("success1",d,this.msg)
}).catch((d)=>{
console.log("error1",d)
});
Vue.ajax.send({
url:"http://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>
评论
PostmanAPI & HTTP 请求调试插件
Postman是一个Chrome扩展,提供功能强大的WebAPI&HTTP请求调试。它能够发送任何类型的HTTP请求(GET,HEAD,POST,PUT..),附带任何数量的参数+header
PostmanAPI & HTTP 请求调试插件
0
gooreplacer用于修改 HTTP 请求的浏览器插件
Firefox/Chrome扩展程序,用于修改HTTP请求。gooreplacer最初为解决国内无法访问Google资源(Ajax、API等)导致页面加载速度巨慢而生。并在此基础上增加了更多实用功能,
gooreplacer用于修改 HTTP 请求的浏览器插件
0
gooreplacer用于修改 HTTP 请求的浏览器插件
Firefox/Chrome 扩展程序,用于修改 HTTP 请求。gooreplacer 最初为解决
gooreplacer用于修改 HTTP 请求的浏览器插件
0
Requests-GoGo 的 HTTP 请求库
Requests-Go,一个类似于PythonRequests的Go语言HTTP请求库。安装go get github.com/solos/requests用法package mainimport r
Requests-GoGo 的 HTTP 请求库
0
Jquery表单验证插件表单验证插件
目前支持对以下格式的值进行验证: cnum*-*(纯数字), char*-*(纯字母), zwen*-*(中文), bysc*-*(字母开头), mail(邮箱), yzbm(邮政编码) *
Jquery表单验证插件表单验证插件
0