如何使用Vue-resource进行Vue.js项目中的资源请求安装与配置?

2026-04-03 00:091阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计248个文字,预计阅读时间需要1分钟。

如何使用Vue-resource进行Vue.js项目中的资源请求安装与配置?

1. 安装npm包: npm install vue-resource --save

2. 在main.js中导入VueResource并全局注册: javascript import VueResource from 'vue-resource'; Vue.use(VueResource);

3. 使用vue-resource发送POST请求: javascript this.$http.post('http://127.0.0.1:8081/ge', a);

1、安装

npm install vue-resource --save

2、在main.js中添加

import VueResource from 'vue-resource' //全局注册 Vue.use(VueResource)

3、vue-resource发送请求

  a)对象参数,post请求

如何使用Vue-resource进行Vue.js项目中的资源请求安装与配置?

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

  b)get请求

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。

本文共计248个文字,预计阅读时间需要1分钟。

如何使用Vue-resource进行Vue.js项目中的资源请求安装与配置?

1. 安装npm包: npm install vue-resource --save

2. 在main.js中导入VueResource并全局注册: javascript import VueResource from 'vue-resource'; Vue.use(VueResource);

3. 使用vue-resource发送POST请求: javascript this.$http.post('http://127.0.0.1:8081/ge', a);

1、安装

npm install vue-resource --save

2、在main.js中添加

import VueResource from 'vue-resource' //全局注册 Vue.use(VueResource)

3、vue-resource发送请求

  a)对象参数,post请求

如何使用Vue-resource进行Vue.js项目中的资源请求安装与配置?

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

  b)get请求

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。