码迷,mamicode.com
首页 > 其他好文 > 详细

vue-reource使用

时间:2020-03-19 21:50:44      阅读:63      评论:0      收藏:0      [点我收藏+]

标签:col   params   请求   his   pre   添加   --   save   post   

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-reource使用

标签:col   params   请求   his   pre   添加   --   save   post   

原文地址:https://www.cnblogs.com/ywjfx/p/12527175.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!