美文网首页大前端
uniapp uni.request请求时传递formData参

uniapp uni.request请求时传递formData参

作者: jack钱 | 来源:发表于2025-04-06 15:43 被阅读0次

uniapp使用uni.request发送formData格式请求

uniapp开发时发现,使用formData 作为参数请求接口时有问题
const formData = new FormData();
formData.append("username", "admin");
formData.append("password", "123456");
  
    uni.request({
      url: "/login",
      method: "POST",
      header: {
        "Content-Type": "multipart/form-data",
      },
      data: formData,
      success(res) {
        console.log("原生API响应:", res);
      },
    });

情况如下图:


image.png

正确的请求方式是配置请求头"Content-Type": "application/x-www-form-urlencoded",并且传递普通对象:

    uni.request({
      url: "/login",
      method: "POST",
      header: {
        "Content-Type": "application/x-www-form-urlencoded",
      },
      data: {
        username: "admin",
        password: "123456",
      },
      success(res) {
        console.log("原生API响应:", res);
      },
    });

正常的情况应该是:


image.png

相关文章

网友评论

    本文标题:uniapp uni.request请求时传递formData参

    本文链接:https://www.haomeiwen.com/subject/esgovjtx.html