vue项目中请求接口的使用

Vue.js的插件提供了使用XMLHttpRequest或JSONP 发出Web请求和处理响应的服务。

特征
支持Promise API和URI模板
支持请求和响应的拦截器
支持最新的Firefox，Chrome，Safari，Opera和IE9 +
支持Vue 1.0和Vue 2.0
紧凑的大小14KB（压缩5.3KB）

安装
您可以通过纱线或NPM进行安装。（我的项目使用npm安装）

$ yarn add vue-resource
$ npm install vue-resource

CDN
可在jsdelivr，unpkg或cdnjs上使用。
< script src = “ https://cdn.jsdelivr.net/npm/[email protected] ” >
在使用之前需要引用，再去使用，任何一个引用的组件都要这么做

先在main.js文件里面引用（或者是index.js）
import VueResource from ‘vue-resource’
然后再去使用
Vue.use(VueResource)

此请求方式为get请求

this.$http.get('url').then(function(data){
    console.log(data.body)  
})

此请求方式为post请求,传值如高亮部分方式带值

this.$http.post('url',{userGuid:that.userguid,complaintContent:that.textarea}).then(function(data){
    console.log(data.body)              
})