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-devnpm安装完后,在入口文件比如'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>
评论