uni.request的使用

uniapp中有很多原生的API，其中我们经常会用到的肯定有，uni.request.

那么问题来了，当我们第一次使用的时候，该怎么去用呢,

首先我们来看一看官方文档给出的示例

uni.request({
    url: 'https://www.example.com/request', //仅为示例，并非真实接口地址。
    data: {
        text: 'uni.request'
    },
    header: {
        'custom-header': 'hello' //自定义请求头信息
    },
    success: (res) => {
        console.log(res.data);
        this.text = 'request success';
    }
});

 我们可以看到，在uni.request中有许多的参数，当然官方文档也给出了除上面这几个参数之外的其他参数

 我今天就拿初学者大概率会使用到uni.request的一个登录场景来举例子，供大家来了解这些参数，和如何使用uni.request。

像我们平常在使用uniapp+springBoot做登录的时候，我们在uniapp页面肯定是需要发送请求，来访问后端接口的。

比如我们在登录时，后端接口是需要接收两个参数，一个是用户名，一个是密码，如果正确，就登录成功。

那么我们在前端页面该怎么传递这两个参数呢，说了这么多，直接上代码吧

//登录
function login() {
	uni.request({
		url: 'http://localhost:8080/login', //请求后端的接口地址,我这个仅供参考
		method: 'GET', //这个是后端你请求的方式，是什么请求就使用什么请求方式，且必须大写
		data: {
			name:'happyYJY',//这里是你要传递到后端的用户名，前面那个name要与后端参数名一样
			pass:'123456' //这个是要传递的密码，同样，pass也要跟后端参数名一样
		},
		header: {
			"Content-Type": "application/json" //请求头信息
		},	
		success: (res) => { //如果访问接口成功就会进入success
			console.log("接口调用成功")	
		},
		fail:()=>{ //如果访问接口失败就会进入fail
			
			console.log("调用接口失败")
		
		}
	})						 	
}

如果接口访问成功就可以进入到success中，但是不代表进入success就是登录成功，这个只是接口访问成功，就算是密码或者用户名错误了，但是访问成功了接口，也是会进入到success中的，所以在登录的时候要在success中做进一步判断。

总而言之，虽然我们是拿一个登录的方法来做例子，但是只要大家后端接口可以访问，并且无误，就都可以用uni.request来发送请求，把url中的接口地址写对，然后data里面传递的参数与后端接收参数一致，大部分发送请求按照我上面这个例子都大差不差了，如果还需要在里面用其他参数可以去uniapp的API文档看看。

uni.request 参数