postman成功返回数据，但是浏览器返回状态码500,原因，传过去的参数格式出错

最新推荐文章于 2025-03-24 18:23:31 发布

你真好看l

最新推荐文章于 2025-03-24 18:23:31 发布

阅读量9.2k

点赞数 1

分类专栏：。。。

本文链接：https://blog.youkuaiyun.com/qq_40052011/article/details/104357104

版权

。。。专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了如何使用Vue中的axios库进行网络请求，并特别聚焦于使用键值对而非JSON格式的数据传输方式。通过一个具体的封装函数示例，展示了如何将参数转换为application/x-www-form-urlencoded格式，以适应特定的服务器需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue网络请求工具axios在发送请求的时候使用的是键值对，而不是json格式。


/*封装请求*/
let base = "";/*定义一变量作为前缀如果想给请求加前缀，修改base就好了*/

export const  postKeyValueRequest = (url,params)=>{/*springSecurity登陆的请求默认使用key-value传参，不支持json(可以修改)。。以后的请求用json传参*/
    return axios({
        method: "post",
        url:`${base}${url}`,
        data:params,/*如果只是这样写会以json的形式传，所以定义了下面的转换*/
        transformRequest:[function (data){
            let ret =""
            for (let i in data){
                console.log(i)
                console.log(data[i])
                ret+=encodeURIComponent(i) +"="+ encodeURIComponent(data[i])+ "&" ;
            }
            console.log(ret)
            return ret;
        }],

        headers:{
            'Content-Type' :' application/x-www-form-urlencoded'
        }

    })

}