个人理解emulateJSON作用 与java后台接口参数的关系

本文深入探讨了Vue中emulateJSON的作用,当设置为true时,请求将以application/x-www-form-urlencoded形式发送,增强了接口接收参数的灵活性。文章对比了emulateJSON设置前后,后端接口如何通过@RequestBody注解解析不同类型的请求。

Vue请求:

this.$http.post("/test", {
    'name': '弟中弟',
    'phone': '186220666666',
    'age': 18
}).then((respones) => {
    console.log(respones.body)
});

在没有设置参数emulateJSON:true时
后台接口只能通过@RequestBody注解将请求发来的json字符串参数转换成对应的JavaBean,
最终发送的请求是(无关的请求头在本文中都省略掉了):

    POST http://www.example.com HTTP/1.1
    Content-Type: application/json;charset=utf-8
    {"name":"弟中弟","phone":"186220666666","age"=18}
@Data
public class Person {
    private String name;
    private String phone;
    private Integer age;
}

接口:

@PostMapping("/test")
    public String test(@RequestBody Person Person){
       //TODO
    }

解释一下:如果Web服务器无法处理编码为application/json的请求,你可以启用emulateJSON选项。

启用该选项后,请求会以application/x-www-form-urlencoded作为Content-Type,就像普通的HTML表单一样。

如果添加上此参数,后台接口可以更灵活性的接收参数
this.$http.post("/test", {
    'name': '弟中弟',
    'phone': '186220666666',
    'age': 18
},{emulateJSON:true}).then((respones) => {
    console.log(respones.body)
});

如果没有使用@RequestBody 注解我们一样可以接收参数转换成JavaBean,因为没有@RequestBody注解我们无法解析,但是emulateJSON:true就会是数据使用application/x-www-form-urlencoded的方式提交。
请求类似于下面这样(无关的请求头在本文中都省略掉了)

   POST http://www.example.com HTTP/1.1
   Content-Type: application/x-www-form-urlencoded;charset=utf-8
   name=弟中弟&phone=186220666666&age=18   这里不应该是明文我就不转换了
@PostMapping("/test")
    public String test(Person Person){
       //TODO
    }

所以你也可以在main.js中全局定义这个参数

Vue.http.options.emulateJSON = true;


这是本人今天在学习中写接口遇到关于不理解emulateJSON作用,自己琢磨的 也不知道对不对在我看来就是提高了接口参数的灵活性,也不知道分析的对不对,有错请原谅, 希望各位大佬指点一下萌新

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值