axios 请求参数格式错误

约定不等于承诺〃 2022-04-22 09:32 403阅读 0赞

### 问题： ###

**新增失败，出现400**![20181104000837479.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDk1Nzg2_size_16_color_FFFFFF_t_70][]

**发现请求的数据格式是JSON格式。**

### 原因： ###

**axios处理请求体的原则会根据请求数据的格式来定：**

*  **如果请求体是对象：会转为json发送**
 *  **如果请求体是String：会作为普通表单请求发送，但需要我们自己保证String的格式是键值对。**
    
    **如：name=jack&age=12**

###  QS是一个第三方库，我们可以用`npm install qs --save`来安装。 ###

**  QS，即Query String，请求参数字符串。**

**        什么是请求参数字符串？例如： name=jack&age=21**

**       QS工具可以便捷的实现 JS的Object与QueryString的转换。**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDk1Nzg2_size_16_color_FFFFFF_t_70 1][]

**下图是通过QS转换后的请求参数：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDk1Nzg2_size_16_color_FFFFFF_t_70 2][]

**因为是请求参数拼接，这里的name,因为value是中文，浏览器对其进行转码。**

**ps:**

**      我这里新增成功了，但是在数据库存入的name是两个问号？？,这时候我想到了MySQL的配置文件的url需要加入useUnicode=true&characterEncoding=utf8这一段，否则中文在数据库中存入的就是乱码。**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDk1Nzg2_size_16_color_FFFFFF_t_70 3][]

[20181104000837479.png]: /images/20220422/c4e53b3e521c49b4ae69f047f5c41bb3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDk1Nzg2_size_16_color_FFFFFF_t_70]: /images/20220422/bce51e12958b48bbab50f2fca5467e39.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDk1Nzg2_size_16_color_FFFFFF_t_70 1]: /images/20220422/ad6b03d86e1f455bb3c1c1dfc6caf03a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDk1Nzg2_size_16_color_FFFFFF_t_70 2]: /images/20220422/602f2584b8144381b3d2a517a6c8f391.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NDk1Nzg2_size_16_color_FFFFFF_t_70 3]: /images/20220422/f5d7fdd84e174688916b3ab14a195515.png