springboot+vue之处理json 数据

一、前言：springboot+vue 项目，项目用到了spring security，前端登陆时，需要传json给后端，但是spring 默认是不接受json的。

处理方式，可以在后端配置，但是我这里采用前端处理的方式。

建立一个前端工具文件，里面来处理请求和数据发送
我这里文件 apj.js

let base = ''; //定义前缀 方便信息更改

export const postKeyValueRequest = (url, params) => {
    return axios({
        method: 'post', //登陆必须为post
        url: `${base}${url}`, 登陆请求接口
        data: params, 传递的参数
        transformRequest: [(data) => {  //利用transformRequest 方法处理json
            let ret = '';
            //data里面的格式： 这种格式spring security 会出错
            //我们需要传换成 username='user'&password='123'
           // {
           //   username:'user'
           //   password:'123'
           // }
            for (let i in data) { 
                ret +=