使用axios,post传参时,将参数自动拼接到url后面

文章讲述了在开发过程中遇到的后端要求在POST请求中将参数拼接在URL的情况,通常POST请求参数以对象形式传递。通过查阅资料和示例代码(使用axios库),作者发现确实可以将POST请求的参数附加到URL,提供了相应的Vue.js代码片段来展示如何实现这一功能。

今天工作时,后端要求post传参,而且必须将参数拼接到地址栏中,心想不是只用get才可以将参数拼接到后面么?post传递一般来说就是个对象,

后来经过查阅,发现,原来在post请求时,也可以将参数拼接到地址栏中,

直接上代码记录一下

要传递的参数

data(){
    return{
        pageList: {
        page: 1,
        limit: 10
      }
    }
}

 封装导出post方法



export function getDate(url,null, data) {
  return serve.post(url,null, {params:data});
}

调用getData方法

import { getDate } from "@/utils/api";

 getTable() {
      getDate("/setting/listSamplingCodeDB", this.pageList).then((res) => {
        console.log(res);
        this.tableData = res.data.data;
        this.count = res.data.count;
      });
    },

post传参,将参数携带到地址栏中就OK了 

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值