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/vue-resource@1.5.1 ” >
在使用之前需要引用,再去使用,任何一个引用的组件都要这么做

先在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)              
})
展开阅读全文

没有更多推荐了,返回首页