vue-http-rexsheg,经过公司多个项目磨合而出,一款优秀的vue.js平台的HTTP 请求插件,支持pm安装与页面直接引用JS。
特性:
支持ajax、websocket、jsop、mock支持pm安装与页面直接引用js自定义拦截器的任意添加mock可自定义策略,mock请求与生产真实请求分离,一键切换使用方法:
1、页面直接引用(放在vue.js引用之后)
<script src="https://rexsheg.github.io/vue-http-rexsheg/latest/http.js"></script>页面引用之后,就可以使用全局Vue.ajax.sed(...)或者页面实例中使用this.$ajax.sed(...)了
2、pm安装
pm istall vue-http-rexsheg --save-devpm安装完后,在入口文件比如'src/mai.js'中配置引用
import http from 'vue-http-rexsheg';Vue.use(http)代码示例:
<template></template><script>importVuefrom'vue'exportdefault{ame:'app',data(){retur{msg:'WelcometoYourVue.jsApp'}},mouted(){this.$ajax.sed({url:"https://xxxxxxxxxxxxxxxxx/xxxxxxxxxx",type:"get"}).the((d)=>{cosole.log("success1",d,this.msg)}).catch((d)=>{cosole.log("error1",d)});Vue.ajax.sed({url:"https://test.http.c/user/{userId}",type:"post",data:{userId:12}}).the((d)=>{cosole.log("success2",d,this.msg)}).catch((d)=>{cosole.log("error2",d)});}}</script>
评论