一、@RequestParam注解对应的axios传参方法
以下面的这段spring java代码为例，接口使用post协议，需要接受的参数分别是tscode、indexcols、table。针对这个spring的http接口，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})
登录后复制
1.3.qs.stringfy传参
还可以使用qs.stringfy进行参数格式化，同样可以在Spring后端正确的使用@RequestParam注解进行参数接收。
import qs from "qs";return request({ url: '/chart/line', method: 'post', data: qs.stringify({ //注意这里的key是data tsCode, indexCols, table })})
登录后复制
需要注意的是使用这种方法，需要手动设置header(Content-Type)
立即学习“Java免费学习笔记（深入）”；
const service = axios.create({ headers: { "Content-Type": "application/x-www-form-urlencoded" }});
登录后复制
二、@RequestBody的axios传参方法
java代码部分如下所示，DemoModel类是一个实体类，包含名称tsCode,indexCols,table三个字符串成员变量。接收到的JSON格式参数会自动为demo对象的成员变量赋值。
@PostMapping("/line")public List extends BaseEntity> commonEChart(@RequestBody DemoModel demo){
登录后复制
@RequestBody注解，默认接收JSON类型格式的数据。在axios中默认data传参就会默认使用JSON数据格式，所以不用额外的特殊处理。
return request({ url: '/chart/line', method: 'post', data: { //注意这里的key是data tsCode, indexCols, table }})
登录后复制
以上就是Java axios与spring前后端分离传参规范是什么的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2627362.html
