axios的传参方式

在使用 Axios 发送 HTTP 请求时,有三种常见的传参方式:dataparams 和路径参数

1、data传参

javascript 复制代码
  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 传递查询参数:

javascript 复制代码
axios.get('/api/users', {
  params: {
    page: 1,
    limit: 10
  }
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

params参数通常用于GET请求中添加查询参数,而对于POST请求,一般使用data参数来传递请求体数据。

3、使用路径参数传递数据:

javascript 复制代码
 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();
      });
相关推荐
写不来代码的草莓熊11 分钟前
vue前端面试题——记录一次面试当中遇到的题(10)
前端·vue.js·面试
Lazy_zheng22 分钟前
一场“数据海啸”,让我重新认识了 requestAnimationFrame
前端·javascript·vue.js
vx Biye_Design37 分钟前
servlet宠物医院管理系统-计算机毕业设计源码77418
java·vue.js·spring·servlet·eclipse·mybatis
一枚前端小能手1 小时前
🔥 重学Vue之computed、watch、watchEffect原理与用途详解
前端·javascript·vue.js
new出一个对象1 小时前
vue实现打印PDF文档
javascript·vue.js·pdf
练习前端两年半1 小时前
Vue3组件二次封装终极指南:动态组件+h函数的优雅实现
前端·vue.js
周家大小姐.2 小时前
vue实现模拟deepseekAI功能
前端·javascript·vue.js
全职计算机毕业设计3 小时前
基于微信小程序的运动康复中心预约系统的设计与实现(SpringBoot+Vue+Uniapp)
vue.js·spring boot·微信小程序
Y42587 小时前
本地多语言切换具体操作代码
前端·javascript·vue.js
不想上班只想要钱11 小时前
vue3+vite创建的项目,运行后没有 Network地址
前端·javascript·vue.js