admin管理员组

文章数量:1593971

在vue项目中遇到过一个这样的问题。：

向后台数据接口post数据时，惯用的将参数放在 obj 对象，然后将obj 对象传入接口函数的时候，返回bad request 400错误。

export async function downcolumn(id) {
    let obj = {
        id: id,

     }
    
    return smartDeskPost({
        method: 'post',
        url: '/smartWin/userAsset/sortDown',
        data: obj,
        
    })

} //下移栏目接口

尝试了各种解决方法，甚至重写了ajax函数，仍然不行。

直到改变了obj的传入接口函数的形式。　改用formData 的形式传入数据。就OK了

export async function downcolumn(id) {
    
    let formData = new FormData()
    formData.append('id', id)
    return smartDeskPost({
        method: 'post',
        url: '/smartWin/userAsset/sortDown',
        data: formData,
        
    })

} //下移栏目接口

这里抛弃了在obj中放置数据的方法，定义了formData对象 ,并使用append 添加属性名和属性值 ，最后把formdata传给接口函数的data.

Post 时用这种方法比较保险。

本文标签： 解决方法情况数据vueajax

版权声明：本文标题：vue之 ajax post数据失败的一种情况及解决方法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1728179380a1148256.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。