qs框架快速将JSON格式转换为FormData格式

在前后端分离的项目中,如果在后端项目中添加了@RequestBody注解,那么就要求我们客户端提交的请求参数必须是JSON格式的，例如:

{
    name: '华为',
    pinyin: 'HuaWei'
}

如果控制器中处理请求的方法的参数没有添加此注解，则客户端提交的请求参数必须是FormData格式的,例如: 

name=华为&pinyin=HuaWei

在前端技术中，可以使用qs框架可以轻松的将JavaScript对象转换为FormData格式！

在前端项目中，打开终端，安装qs：

npm i qs -S

然后，需要在主配置文件main.js中导入并声明为Vue对象的属性：

import qs from 'qs';

Vue.prototype.qs = qs;

后续，在JavaScript代码中，可以使用qs的stringify()将对象转换成FormData格式，例如：

let formData = this.qs.stringify(this.ruleForm);