虽然也用了很时间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里面了(图三)。
图一:
图二:
图三: