首页/ 填坑/ 文章详情

uni-app uni.request 请求的注意事项

uni-app的由来讲述DCloud是这个行业的先驱者,现在的小程序是站在巨人肩膀上的二次产物。微信小程序,百度小程序,字节跳小程序等等,在商业行为手法上,属于贴商标大法。意味着你只要打通其一,即可畅通全平台小程序开发,同宗同源,uni-app 为此可以做到跨平台开发。

此前有微信小程序开发的基础,uni-app上手基本不成问题,现有的微信小程序类库,直接将 wxuni,更改前缀,瞬间无缝对接,小程序「」过来了。

事情如果真这么简单,那程序员都可以集体离职了。二次开发的产品,不单单换了马甲,甚至会魔改或阉割,在Console看到一大推错误都是小意思了。

最主要uni.request请求数据,报的错误最多,如:

ConsoleAccess to XMLHttpRequest at 'http://www.didaolan/posts/getList' from origin 'http://localhost:8080' has been blocked by CORS policy: Request heer field content-type is not allowed by Access-Control-Allow-Headers in preflight response.

简单点说,header的content-type没有定义传送的参数类型,POST的请求必定要事先声名。

uni.request POST的请求:

uni-appuni.request({
    url: 'http://www.didaolan/posts/getList', 
    method:'POST',
    data: {
        page: 1
        offset: 12
    },
    header: {
        'Content-Type': 'application/x-www-form-urlencoded'
    },
    success: (res) => {
        console.log(res.data);
    }
});

当你以为一切完后,至到你需要传递数组参数时,在Network下看到数组参数变成[Object Object],接口自然无法获数组数据。

[Object Object] 解决方法:

将数组进行字符串转义,使用JSON.stringify()

文章评论0 records

最新 最早

0

最新评论Latest comments

big2catbig2cat 08-27 16:11
然而没什么用,smartpss不兼容老录像机,就算能看回放,很多时间点在回放里也看不到
HentaiCatHentaiCat 2020-12-30 10:22
考科目二全程很紧张,考了三次才过,有次侧方入库直接pass,100分扣完,呜呜呜~
猫猫酱猫猫酱 2020-11-12 10:56
一入多肉深似海,说多都是泪
soulkunsoulkun 2020-11-05 15:54
IconFont的图标真的很好用!!!
无限链霉球菌无限链霉球菌 2020-11-03 11:41
药店,了解一下(`・ω・´)