目录
1、data传参
2、使用 params 传递查询参数:
3、使用路径参数传递数据:
在使用 Axios 发送 HTTP 请求时,有三种常见的传参方式:data
、params
和路径参数文章来源:https://www.toymoban.com/news/detail-800633.html
1、data传参
this.$axios({
method: "post",
url: "http://localhost:8080/api/user/login",
data: {
userId: this.userId,
password: this.password,
},
})
.then((res) => {
console.log(res);
})
.catch(error => {
console.error(error);
});
2、使用 params 传递查询参数:
axios.get('/api/users', {
params: {
page: 1,
limit: 10
}
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
params
参数通常用于GET请求中添加查询参数,而对于POST请求,一般使用data
参数来传递请求体数据。文章来源地址https://www.toymoban.com/news/detail-800633.html
3、使用路径参数传递数据:
deleteUser(userId) {
this.$axios({
method: 'post',
url: 'http://localhost:8080/api/user/deleteUser/' + userId,
}).then((res) => {
//显示删除成功
this.$message({
message: res.data.message,
type: "success",
});
//刷新表格数据
this.userAll();
});
到了这里,关于axios的传参方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!