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

今天工作时,后端要求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了 

 

 

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: axios可以通过query传参和body传参。 query传参是将参数拼接url后面,例如: ``` axios.get('/api/user?id=123') ``` 这里的id=123就是通过query传参的。 body传参是将参数放在请求体中,例如: ``` axios.post('/api/user', {id: 123}) ``` 这里的{id: 123}就是通过body传参的。 一般来说,get请求使用query传参post请求使用body传参。但是,也可以在get请求使用body传参,只需要将参数放在config中的data属性中即可。例如: ``` axios.get('/api/user', {data: {id: 123}}) ``` ### 回答2: axios是一个流行的基于Promise的HTTP客户端库,可以在浏览器和Node.js中使用。它提供了一种简单、方便、通用的方式来发送HTTP请求,支持多种请求方法,拦截请求和响应,处理请求和响应的数据等。 在axios中,我们可以通过query传递参数和通过body传递参数。query参数通常是GET请求中的一部分,而body参数通常是POST、PUT、PATCH等请求方法中的一部分。 1. query传参axios中,我们可以将参数以键值对的形式附加到URL的末尾,以传递query参数。例如: ``` axios.get('/user/search', { params: { name: 'John', age: 30 } }) ``` 这里我们将name和age作为参数传递到了/user/search接口中。这些参数将被附加到URL的末尾,形如: ``` /user/search?name=John&age=30 ``` 注意,axios自动参数进行编码,以确保URL的完整性。 2. body传参 除了query参数,我们还可以通过POST、PUT、PATCH等请求方法中的body来传递参数。在axios中,我们可以使用data选项将参数作为请求体传递。例如: ``` axios.post('/user/create', { name: 'John', age: 30 }) ``` 这里我们将name和age作为参数传递到了/user/create接口中。这些参数将被包含在请求体中,而不是URL中。在后台中,可以将参数解析为请求体的JSON格式,例如: ``` { "name": "John", "age": 30 } ``` 总结 在axios中,我们可以通过query传递参数和通过body传递参数。query参数通常是GET请求中的一部分,而body参数通常是POST、PUT、PATCH等请求方法中的一部分。我们可以使用params选项传递query参数使用data选项传递body参数。无论是query参数还是body参数,在发送请求都需要使用axios提供的请求方法,例如GET、POST、PUT、PATCH等。 ### 回答3: axios是一个很流行的基于Promise的HTTP客户端,可以在浏览器和Node.js中使用。在使用axios发送HTTP请求,可以使用query传参或body传参。 query传参是指将参数作为查询字符串附加在URL的末尾,通常用于GET请求。例如,将参数名称和值拼接成键值对,用“&”符号分隔,然后附加在URL的末尾。 例如,以下示例演示了如何使用axios进行GET请求,并使用query传递参数: ```javascript axios.get('/api/user', { params: { userID: 12345 } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); ``` 在上面的示例中,使用`params`选项将参数传递给GET请求。这将导致请求URL附加参数,如下所示: ``` /api/user?userID=12345 ``` 而body传参则是在HTTP请求中将参数作为消息体发送,通常用于POST或PUT请求。例如,将参数封装在对象中,然后将对象作为请求体传递。 例如,以下示例演示了如何使用axios进行POST请求,并使用JSON对象传递参数: ```javascript axios.post('/api/user', { userID: 12345 }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); ``` 在上面的示例中,使用对象作为参数进行POST请求。这将导致请求体被发送到服务器,如下所示: ``` {"userID": 12345} ``` 总的来说,query传参和body传参都是用于在axios中传递参数的方式,具体取决于你所使用的HTTP方法和API需求。在GET请求中,使用query传参通常是最好的选择,而在POST或PUT请求中,则应使用body传参

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值