vue中调用接口传输对象使用this.$http.get 和 this.$http.post

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中调用接口传输对象使用this.$http.get 和 this.$http.post相关的知识,希望对你有一定的参考价值。

参考技术A 两种传参方式是不同的

get:

getInfo()

console.log(this.page)

this.$http.get('http://localhost:8080/resourceController/requestResourceListData',params:page:this.page,rows:this.rows,

                            emulateJSON:true

                        ).then(result =>

console.log(result.body.rows)

this.list=result.body.rows

)



post:

getInfo()

console.log(this.page)

this.$http.post('http://localhost:8080/resourceController/requestResourceListData',page:this.page,rows:this.rows,

                            emulateJSON:true

                        ).then(result =>

console.log(result.body.rows)

this.list=result.body.rows

)

Spring Cloud中优雅的使用Feign调用接口

参考技术A 1、RestTemplate来调用接口

可以直接注入对象,然后调用接口,这种方式唯一的弊端就是你需要知道服务提供者的地址,根据指定的地址来进行调用

@Autowired

private RestTemplate restTemplate;

@Override

public SubstitutionDto getSubstitutionInfo(Long sid)

    User user= this.restTemplate.getForObject("http://localhost:8000/user/" + id, User.class);

  // .......



2、声明式的REST客户端Feign来进行接口调用

在启动类上加 @EnableFeignClients 注解,如果你的Feign接口定义跟你的启动类不在一个包名下,还需要制定扫描的包名 @EnableFeignClients (basePackages = "com.hui.api.client")

接口的消费定义,单独抽一个项目出来,后面打成公共的jar,这样无论是哪个项目需要调用接口,引入公共的接口SDK jar即可,不用重新定义一遍了。

以上是关于vue中调用接口传输对象使用this.$http.get 和 this.$http.post的主要内容,如果未能解决你的问题,请参考以下文章

前台调用接口出现两次请求解决办法

Spring Cloud中优雅的使用Feign调用接口

前端——浅析vue中this指向问题

vue父子组件数据传输以及实现父子组件数据双向绑定

vue的methods中方法2中调用this.方法1

我如何在 vue js 中从 this.$http.get 返回数据