详解如何安装和使用Vue-resource

发布时间：2020-07-21 13:48:53 作者：小猪
来源：亿速云阅读：161

小编这次要给大家分享的是详解如何安装和使用Vue-resource，文章内容丰富，感兴趣的小伙伴可以来了解一下，希望大家阅读完这篇文章之后能够有所收获。

1、安装

npm install vue-resource --save

2、在main.js中添加

import VueResource from 'vue-resource'

//全局注册
Vue.use(VueResource)

3、vue-resource发送请求

　　a）对象参数，post请求

this.$http.post('http://127.0.0.1:8081/getUserByParam',
     {
      userName: this.username,
      sex:this.sex
     }).then((response) => {

      }）

　　b）get请求

this.$http.get('http://127.0.0.1:8081/getUserById',{
      params:{id:2}//注意，get请求一定要加params，post请求不需要
           }).then((response) =>{
      this.list=response.body
      console.log(this.list)
     });

　　c) json参数post请求，和对象参数post请求一样

this.$http.post('http://127.0.0.1:8081/getUserByJson',
     {
      "id":"11",
      "userName":"jie"
     }//注意，get请求一定要加params，post请求不需要
    ).then((response) =>{
     this.list=response.body
     console.log(this.list)
    })

看完这篇关于详解如何安装和使用Vue-resource的文章，如果觉得文章内容写得不错的话，可以把它分享出去给更多人看到。

详解如何安装和使用Vue-resource

相关阅读