axios post传参,put传参带问号,axios传值

原创已于 2024-11-21 10:56:59 修改 · 878 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #开发语言

于 2023-04-22 10:25:14 首次发布

文章讲述了在使用Axios进行API调用时如何传递参数，包括将参数改为params方式，使用delete方法删除操作，以及如何利用FormData正确传递多个或单个值，强调了错误的参数格式会导致问题。

// 删除用户
export function delUserEntranceguard(carNo,pwd) {
  return request({
    url: '/xxx/xxx/deleteAEntra',
    method: 'post',
     params: {
      carNo: carNo,
      pwd: pwd,
    }
  })
}

如果值传值，不传对象，把原来的data 改成 params

put传参带问号的

// 删除设备信息
export function delDevice(cid) {
  return request({
    url: '/system/device/' + cid,
    method: 'delete'
  })
}

axios传值利用FormData

1.例如传2个值

创建formdata对象传值

// 封装FormData对象;
      var formData = new FormData();
      // 这个2个参数需后端给
      formData.append("clientIP", this.input);
      formData.append("image", data.file);
      // upload调用后端接口
      upload(formData)
        .then((res) => {
          // console.log("上传成功");
        })
        .catch((err) => {});
    },

2.例如传一个值 clientIP

 var formData = new FormData();
          // 这个2个参数需后端给
          formData.append("clientIP", this.input);
            //  GetFile 接口
          GetFile(formData).then((res) => {
            console.log("获取文件信息==>", res.data);
          });

3.错误方式

          const obj = {};
          obj.clientIP = this.input;
          // 使用接口
          GetFile(formData).then((res) => {
            console.log("获取文件信息==>", res.data);
          });

打印台传送的参数会变成

{clientIP:123} 有括号是不行的

nuxt中直接传值不带参数的

比如直接传一个对象不需要参数名

    // 获取用户信息
    async getUser() {
      // console.log("this.queryParams", this.queryParams);
      const res = await this.$axios.$get(
        `/system/interaction/queryAccreditUserList/`,
        {
          params: this.queryParams,
        }
      );
      // console.log("##Res", res);
      if (res.code == 200) {
        this.list = res.rows;
        this.totalCount = res.total;
      }
    },