目录

关于利用第三方库qs向后端传输数据,后端接受到数据都为空的问题

关于利用第三方库qs向后端传输数据,后端接受到数据都为空的问题

qs是第三方库,我们在前后端交互时可能会用到这种形式

先看一下原始数据

https://i-blog.csdnimg.cn/blog_migrate/b485aadf6b664b844724294a9e92c33d.png

在前端向后端传输数据时利用qs.stringfy(所要传的数据)就将json对象序列化成url形式如下图

https://i-blog.csdnimg.cn/blog_migrate/69cda1a3417b70e9777864c1549be018.png

而qs.parse是将url形式序列化成对象,如下图

https://i-blog.csdnimg.cn/blog_migrate/435ed104aeefd097ac7986c819eefd7d.png

很多朋友在前端向后端传输数据时会很困惑为什么我发出去请求了,后端接收到数据都是null呢,

解决办法

直接上图 ,只要我们在前端向后端发送请求时加上请求头

axios.defaults.headers['Content-Type']='application/x-www-form-urlencoded';

这样就可以拿到数据了

https://i-blog.csdnimg.cn/blog_migrate/57419fe921a7ebf2dfe21fa266995e22.png

https://i-blog.csdnimg.cn/blog_migrate/1c450b99fed5875bc7658c57738cd1a4.png