vue-http-rexsheng ,经过公司多个项目磨合而出,一款优秀的 vue.js 平台的 HTTP 请求插件,支持 npm 安装与页面直接引用 JS。
特性:
使用方法:
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>