uniapp post报错

1. 问题描述

最近在使用uniapp进行开发时，发现在使用POST请求时经常会遇到报错的情况，该问题比较常见，解决方法也比较简单，本文将为大家详细介绍这一问题的出现原因及解决方法。

2. 问题分析

2.1 报错信息

在使用uniapp进行POST请求时，常见的报错信息有：

Error: Request failed with status code 500 

at createError (createError.js?2d83:16)
at settle (settle.js?467f:17)
at XMLHttpRequest.handleLoad (xhr.js?b50d:59)

或者

Error：netword Error

2.2 问题原因

该问题的出现原因主要是因为请求参数的传递格式不正确，导致服务器无法识别并处理请求。

2.3 解决方法

解决该问题的方法有两种，具体如下：

2.3.1 第一种方法：使用json

在请求参数的传递过程中，我们应该使用JSON进行编码。因为使用JSON进行编码可以保证请求参数的格式正确，并且不容易出现无法识别的情况。

uni.request({

   url: '/api/xxx',
   method: 'POST',
   header: {
      'Content-Type': 'application/json '
   },
   data: JSON.stringify({key1: value1, key2: value2}),
   success: function (res) {
      console.log(res.data);
   },
   fail: function (res) {
      console.log(res.errMsg);
   }
})

2.3.2 第二种方法：使用FormData

我们还可以使用FormData进行请求参数的传递。FormData是HTML5中的一个新特性，可以用来创建键值对，我们可以将请求参数使用FormData进行封装，然后发送请求。

let form = new FormData();

form.append('key1',value1);
form.append('key2',value2);
uni.request({
   url:'/api/xxx',
   method:'POST',
   header:{
      'Content-Type':'application/x-www-form-urlencoded'
   },
   data:form,
   success:function(res){
      console.log(res.data);
   },
   fail:function(res){
      console.log(res.errMsg);
   }
})

3. 总结

以上就是使用uniapp进行POST请求时报错的原因和解决方法。虽然该问题比较常见，但是我们只要使用正确的方法进行请求参数的传递，就能够避免该问题的出现。