Vue3通过axios发起get、post请求以及对应的springboot后端接收方式

题目

• 前言
• 前端请求中参数的存储格式
• • application/json
  • multipart/form-data
  • application/x-www-form-urlencoded
• axios发送请求的两种方法
• • 使用axios发送get请求
  • 使用axios发送post请求, 后端支持接收单个字段
  • 使用axios发送post请求, 后端整体接收json对象
• 总结
• 参考文献

前言

这周在做一个小型的前后端分离的会议系统，前端使用的是Vue3，后端使用的是Springboot。原本以为前后端交互很简单，直接发送数据就可以了，没想到遇到了很多问题，具体说来就是：1、get和post请求应该如何向后端传递参数；2、前端请求体中参数的存储有哪几种格式，对于不同的存储方式后端应该如何去接收；3、http报文头的content-type到底有什么作用；4、字符集的编码应该如何指定；
接下来就让我们逐个来解决这些问题吧！

注意：axios所有请求中不用自己指定content-type了，也就是下面的代码中不需要传入headers对象了，人家好像会根据你传入的参数自动推断。