axios Qs 关于多参数对象问题的解决方案

一、前言

　　目前有不少项目采用Vue以及axios以取代原来Jquery。也有知名网站采用原生JS取代Jquery。本文在采用Vue、axios传输参数到后台的时候，出现了参数无法获取的问题。依据axios的官方文档，采用Qs库将参数序列化为传统表单的&和？方式。主要以key-value为主。但当需要传输一个对象，外加一个参数的时候，后台就会出现参数无法获取的问题。

 

二、问题描述

sysUser为对象，role为字符串。这样传到后台，后台仅能获取到role的值，而无法获取到sysUser对象

1、前台

 

 2、后台

 

 

三、解决方案

将前台role封装到sysUser对象中

 

 传输效果：

 

 

 鸣谢：

Java1234官方群5 的一位热心网友提供解决思路