前后端数据交互详解案例

ue+axios使用（form/json）传参，后端SpringBoot接受
一、前端axios传参
1、form表单形式
2.1、JSON形式(1)
2.2JSON形式(2)
二、后端接受数据
1、接受form表单数据
2、接受JSON数据
今天用到了前后端数据传输所以记录一下
前端向后端传输数据形式总共分为两种，Form表单形式和JSON格式
下面举例说明

一、前端axios传参
//传递的数据
data() {
    return {
        loginForm: {
            username: '',
            password: '',
        },
    }
},

1、form表单形式
import Qs from 'qs'
//（如果只是get请求就不需要引qs）

this.$axios({
           headers: {
             'Content-Type': 'application/x-www-form-urlencoded'
         },
         method: 'post',
         url: '/login',
         data: Qs.stringify(this.loginForm)
      })
     .then(
         successResponse => {