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}复制代码
@Datapublic 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作用,自己琢磨的 也不知道对不对在我看来就是提高了接口参数的灵活性,也不知道分析的对不对,有错请原谅, 希望各位大佬指点一下萌新