uniapp发送post请求失败怎么办

96 阅读 0 评论 64 点赞

我是靠谱客的博主负责镜子，最近开发中收集的这篇文章主要介绍uniapp发送post请求失败怎么办，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows7系统、uni-app2.5.1版本，该方法适用于所有品牌电脑。

推荐（免费）：uni-app开发教程

uniapp发送post请求失败的解决办法：

关于uni-app中的跨域问题有部分人采用浏览器插件来解除chrome浏览器CORS限制，也有人修改manifest.json来达到跨域目的，还有人借助中间插件来完成。但无论采用哪种方式，希望大家永远记得的是万变不离其宗。所有的操作都是基础请求和数据操作的集合。因此本篇笔记波波采用uni-app与jquery的混合使用。

1、首先在Vue文件中引入jQuery。

import jQuery from "@../../common/js/jquery-3.4.1.min.js";
登录后复制

2、jQuery发起Ajax请求。

//请求接口数据
                var postData = {"account":mobile,"password":passwd};
                jQuery.ajax({
                    url:this.apiUrl+'index/login',
                    type:"post",
                    dataType:"json",
                    data:postData,
                    success:function(data){
                        if(data.code == 0){
                            uni.hideLoading();
                            uni.showToast({
                                title:"登陆成功",
                                icon:"none"
                            })
                            //将用户数据写入本地并执行跳转
                            uni.setStorage({
                                key:'user_info',
                                data:data.data,
                            })
                            uni.navigateTo({
                                url:'../index/index'
                            })
                        }else{
                            uni.showToast({
                                title:data.msg,
                                icon:none
                            })
                        }
                    },
                    error:function(){
                        uni.showToast({
                            title:"请求异常",
                            icon:none
                        })
                    }
                })
登录后复制

经测试本地浏览器请求成功。

以上就是uniapp发送post请求失败怎么办的详细内容，更多请关注靠谱客其它相关文章！