VUE_vue中axios使用post传递参数给后端JAVA无法接受到参数如何解决

古城微笑少年丶 2022-12-16 13:23 139阅读 0赞

前段传递了参数控制台查看都没有问题，但是后端接收不到参数  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU5OTkzMQ_size_16_color_FFFFFF_t_70_pic_center]

### 解决： ###

*  经过排查发现，java接受参数不支持body传递，只支持query传递

方法1：

//post传递参数 传递数据需query传递：params:data
    export function add(data){ 
        return request({ 
            method:'post',
            url:'/add',
            params:data
        })
    }
    //get传递 也是使用query传递
    export function add(data){ 
        return request({ 
            method:'get',
            url:'/add',
            params:data
        })
    }

成功传递并且成功接收了参数：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU5OTkzMQ_size_16_color_FFFFFF_t_70_pic_center 1]

方法2：

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU5OTkzMQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/4d704da1c4034203a3f44b7f41a9286c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU5OTkzMQ_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/dd8e95c929ae4f0eba186052c23386b1.png