RESTful风格的请求方式, 放到body里面请求(避免接口虽用的是post方式接收, 实则跟在url后面)

     虽然也用了很时间RESTful风格来开发,但最近发现自己犯了个错误(貌似我们公司好多人都在正在犯这个错误), 就是虽然我的后台接口用的是post来接收,前端也是按照post方式来发送, 执行后实际上所有参数是跟在url后面, 这是很明显的get方式才会的,  post方式应该放到body,特此记录一下

先复原下错误场景和代码:

后台接口用post方式接收(图一),前端代码用post方式发送(vue框架)(图二), 浏览器url却没放在body里,而是直接拼接到url后面(图三)

图一:

 

图二:

 

图三

 

很明显上面的做法是不符合RESTful风格的,对于参数的少量数据可能没有大的问题,如果数据量很大或者你的这个接口是提供给外部使用,那么就可能会存在一定的风险,所以必须按照规范来进行。

===============================================================================================

由于我上面的代码已经进入生产环境了,所以,就不修改了,我拿另一部分正确的RESTful代码做演示

后端接口用post方式接收,但是接口形参要加上@RequestBody,表明是放在body里面传送(我的参数比较少,所以直接用个String类型接收,如果参数很多的话最好定义一个form表单,这样以后参数发生变化的话只需要更改form表单一个地方)

(图一所示)

前端用post方式传送,但是参数处要用data,而不要params(图二所示)

浏览器接收的时候就不会再拼接到url后面(我截图传送的是base64),而是放在Form Data里面了(图三)。

 

图一:

图二:

图三:

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值