axios&spring前后端分离传参规范总结

其间端分立合作开发的情景下，合作开发者的组织工作文本更为著眼与专精，但也造成了许多附加的沟通交流生产成本。比如说：责任编辑中为他们表明的其间端HTA与拒绝接受方式。责任编辑主要就是直面后端采用axios，后端采用Spring展开参数拒绝接受的情形展开表明。在采用spring的这时候，与后端相互配合合作开发，难再次出现传参语意的2个注释是

@RequestParam注释，预设转交Content-Type: application/x-www-form-urlencoded标识符文件格式的统计数据

@RequestBody注释，预设转交JSON类别文件格式的统计数据。

许多的该文列出出HTA失利的难题软件系统，事实证明都不如全面性。在此我给他们归纳呵呵

一、@RequestParam注释相关联的axios传参方式

以上面的那段Spring java标识符为例，USB采用POST协定，须要拒绝接受的模块依次是tsCode、indexCols、table。特别针对那个Spring的HTTPUSB，axios该怎样传参？有三种方式？他们来逐一如是说。

@PostMapping(“/line”)public List<? extends BaseEntity> commonEChart(@RequestParam String tsCode, @RequestParam String indexCols, @RequestParam String table){

1.1.params传参(所推荐)

采用axios实例的params展开传参，就会将params模块文件格式化为x-www-form-urlencoded的文件格式，与后端模块逐一相关联即可传参成功。这也是我向他们所推荐的传参方式！

return request({ url: /chart/line, method: post, params: { //注意这里的key是params tsCode, indexCols, table }})

1.2.FormData传参

还可以采用js的FormData对象展开模块文件格式化，同样可以在Spring后端正确的采用@RequestParam注释展开模块转交。

let params = new FormData();params.append(tsCode, tsCode);params.append(indexCols, indexCols);params.append(table, table);return request({ url: /chart/line, method: post, data: params //注意这里的key是data})